ec.uniapp-master/pages/aboutpay/confirmcash.vue

<template>
	<view>
		<lf-nav :spreadOut="true" :showIcon="true" bgColor="#fff" title="确认金额"></lf-nav>
		<view class="lf-p-30" style="margin: 0 auto;">
			<view class="confirm-card">
				<view class="lf-font-32 lf-color-555">
					请核对支付金额
				</view>
				<view style="font-size: 72rpx;color: #15716E;">¥478.50</view>
				<view>
					<button class="confirmcash-btn">确认</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	page {
		background-color: #F8F8F8;
	}
</style>
<style scoped lang="scss">
	.confirmcash-btn {
		width: 550rpx;
		height: 100rpx;
		background: #15716E;
		border-radius: 50rpx;
		display: flex;
		justify-content: center;
		font-size: 32rpx;
		color: white;
		align-items: center;
	}
	.confirm-card {
		padding: 30rpx 0;
		width: 686rpx;
		height: 475rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-direction: column;
	}
</style>