完善页面
This commit is contained in:
59
pages/pay/pay.vue
Normal file
59
pages/pay/pay.vue
Normal file
@ -0,0 +1,59 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user