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

Merge branch 'master' of http://8.134.10.79:3000/Leadfyy.co/ec.uniapp-master

master
邓平艺 4 years ago
parent
7d03ed6e7b 133bf218ef
commit
a083460817
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
Split 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
{
"path": "pages/user/my/myregister",
"path": "pages/index/index/index",
"style": {
"navigationBarTitleText": "首页",
"enablePullDownRefresh":true,
"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": {
"navigationBarTitleText": "首页",
"enablePullDownRefresh":true,
"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