Leadfyy.co
/
ec.uniapp-master
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

支付状态页面 确认金额

master
Enzo 4 years ago
parent
9e3b500d3c
commit
0f302a68c2
3 changed files with 144 additions and 4 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 20
      pages.json
  2. 49
      pages/aboutpay/confirmcash.vue
  3. 79
      pages/aboutpay/paystate.vue

20
pages.json
View File

@ -4,16 +4,28 @@
}, },
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{ {
"path": "pages/user/my/myregister",
"path": "pages/index/index/index",
"style": { "style": {
"navigationBarTitleText": "首页",
"enablePullDownRefresh":true,
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },
{ {
"path": "pages/index/index/index",
"path": "pages/aboutpay/paystate",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "pages/aboutpay/confirmcash",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "pages/user/my/myregister",
"style": { "style": {
"navigationBarTitleText": "首页",
"enablePullDownRefresh":true,
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },

49
pages/aboutpay/confirmcash.vue
View File

@ -0,0 +1,49 @@
<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>

79
pages/aboutpay/paystate.vue
View File

@ -0,0 +1,79 @@
<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="state-btn" v-if="payState">
<u-icon name="checkbox-mark" style="font-size: 100rpx;" class="lf-color-white"></u-icon>
</view>
<view class="state-btn1" v-else>
<u-icon name="close" style="font-size: 100rpx;" class="lf-color-white"></u-icon>
</view>
<view>
<text class="lf-font-32 lf-color-777 lf-m-r-10">支付</text>
<text style="font-size: 72rpx;color: #15716E;" v-if="payState">¥478.50</text>
<text style="font-size: 72rpx;color: #15716E;" v-else>失败</text>
</view>
<view>
<button class="confirmcash-btn">返回首页</button>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
payState: true
}
}
}
</script>
<style scoped lang="scss">
.state-btn {
width: 220rpx;
height: 220rpx;
background: #15716E;
margin-bottom: 30rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.state-btn1 {
width: 220rpx;
height: 220rpx;
background: #777777;
margin-bottom: 30rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.confirmcash-btn {
width: 550rpx;
height: 100rpx;
background: white;
border-radius: 50rpx;
display: flex;
justify-content: center;
font-size: 32rpx;
color: #15716E;
align-items: center;
border: 1px solid #15716E;
margin-top: 100rpx;
}
.confirm-card {
padding: 30rpx 0;
width: 686rpx;
height: max-content;
background: #FFFFFF;
border-radius: 20rpx;
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: column;
}
</style>
Write Preview
Loading…
Cancel
Save