<template>
	<view class="pay">
		<view class="text-fff u-text-center">
			<view class="title">煎饼果子</view>
			<view class="u-p-t-18 row-center">
				<view>好吃</view>
				<view class="round bg-white"></view>
				<view>美味</view>
			</view>
		</view>
		
		<view class="erCode">
			<view class="u-text-center u-p-t-52 nr bold-400">
				<view>微信扫一扫 向我付款</view>
				<view class="erCode-img row-center">
					<u-image :src="cloudPath + 'img/ercode.png'" width="399" height="395"></u-image>
				</view>
			</view>
	
			<view class="u-text-center u-m-t-56 bold-400">
				点此刷新
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.pay {
		height: 1624rpx;
		background: url(#{$cloudPath}img/pay_bg.png) no-repeat;
		background-size: 100% 100%;
		background-position: center;
		
		.title {
			padding-top: 222rpx;
			font-size: 48rpx;
		}
		
		.round {
			margin: 0 28rpx;
			width: 10rpx;
			height: 10rpx;
			border-radius: 50%;
		}
		
		.erCode {
			height: 746rpx;
			background: url(#{$cloudPath}img/icon_coupon_app_bg.png) no-repeat;
			background-size: cover;
			margin: 112rpx 68rpx;
			.erCode-img {
				padding-top: 108rpx;
			}
		}
	}
</style>