weixiari-124
/
agent-app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

商户、代理商用户部分页面内容调整优化

master
W夏日 2 years ago
parent
bb700f9bbc
commit
8ac5f5f86a
10 changed files with 1148 additions and 6 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. 49
      agentApp/pages.json
  2. 301
      agentApp/pages/account-opened/account-opened.vue
  3. 1
      agentApp/pages/allpages/index.vue
  4. 19
      agentApp/pages/merchant-index/index.vue
  5. 6
      agentApp/pages/merchant-login/index.vue
  6. 117
      agentApp/pages/queuing-information/queuing-information.vue
  7. 309
      agentApp/pages/user-orders/user-orders.vue
  8. 128
      agentApp/pages/withdrawal-history/withdrawal-history.vue
  9. 222
      agentApp/pages/withdrawal-management/withdrawal-management.vue
  10. BIN
      agentApp/static/page/merchant-account-opening-bg.png

49
agentApp/pages.json
View File

@ -94,6 +94,55 @@
} }
},
{
"path" : "pages/user-orders/user-orders",
"style" :
{
"navigationBarTitleText" : "",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/withdrawal-history/withdrawal-history",
"style" :
{
"navigationBarTitleText" : "提现历史",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/withdrawal-management/withdrawal-management",
"style" :
{
"navigationBarTitleText" : "提现管理",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/scan-code/scan-code",
"style" :
{
"navigationBarTitleText" : "",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/queuing-information/queuing-information",
"style" :
{
"navigationBarTitleText" : "用户排队信息",
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black"
}
},
{
"path" : "pages/account-opened/account-opened",
"style" :
{
"navigationBarTitleText" : "用户提现",
"enablePullDownRefresh" : false
}
} }

301
agentApp/pages/account-opened/account-opened.vue
View File

@ -0,0 +1,301 @@
<template>
<view class="app-container" style="background-color: #f7f7f7;">
<view class="agent-content">
<view class="ag-sign" @click="cashManager">
提现历史
</view>
<view class="agent-top">
<view class="ag-num">
<view class="au-font">
￥
</view>
<view class="au-num">
458.00
</view>
</view>
<view class="age-font">
可提现
</view>
<view class="age-line">
<img src="../../static/page/line-style.png" style="width: 200rpx;height: 2rpx;" alt="" srcset="" />
</view>
<view class="age-wait">
总体现：￥500.00
</view>
<view class="age-linemore">
<img src="../../static/page/divider-style.png" style="width: 690rpx;height: 2rpx;" alt="" srcset="" />
</view>
<div class="age-mnum">
<view class="mtext">
待入账：1000元
</view>
<view class="mline">
</view>
<view class="mtext">
提现中：458元
</view>
</div>
</view>
<view class="ag-paylist">
<view class="agp-item">
<view class="agp-title">
<view class="zhifubao">
支付宝账户
</view>
</view>
</view>
<view class="apt-main u-border-top u-border-bottom">
<view class="apm-cell">
<view class="am-title">
提现账户
</view>
<view class="am-value">
<view class="mphone">
159****6532
</view>
<view class="mlink">
修改
</view>
</view>
</view>
<view class="apm-cell">
<view class="am-title">
可提现金额
</view>
<view class="am-value">
<view class="mnum">
￥458.00
</view>
</view>
</view>
</view>
<view class="apt-btn">
<view class="cashbtn">
提现
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
cashManager() {
uni.navigateTo({
url: '/pages/history/history'
});
}
}
}
</script>
<style lang="scss">
.agent-content {
position: relative;
width: 100%;
height: 1400rpx;
background: url(../../static/page/merchant-account-opening-bg.png) no-repeat top center;
background-size: 100% 414rpx;
box-sizing: border-box;
.ag-sign {
position: absolute;
right: 0;
top: 0;
width: 150rpx;
height: 60rpx;
line-height: 60rpx;
padding-left: 40rpx;
border-top-left-radius: 30rpx;
border-bottom-left-radius: 30rpx;
color: #fff;
font-size: 12px;
background: #FCC565;
box-sizing: border-box;
cursor: pointer;
}
.agent-top {
text-align: center;
padding-top: 40rpx;
.ag-num {
display: flex;
justify-content: center;
padding-top: 20rpx;
color: #fff;
.au-font {
margin-top: 40rpx;
font-size: 14px;
margin-right: 10rpx;
line-height: 1.5;
}
.au-num {
font-size: 30px;
font-weight: bold;
}
}
.age-font {
margin-top: 10rpx;
font-size: 16px;
line-height: 1.5;
color: #fff;
}
.age-line {
margin: 20rpx auto 0;
width: 200rpx;
height: 2rpx;
img {
display: block;
margin: 0 auto;
}
}
.age-wait {
margin-top: 20rpx;
color: #fff;
font-size: 14px;
}
.age-linemore {}
.age-mnum {
display: flex;
justify-content: center;
margin-top: 20rpx;
align-items: center;
.mtext {
color: #fff;
font-size: 14px;
margin: 0 20rpx;
line-height: 1.5;
}
.mline {
height: 28rpx;
width: 2rpx;
background: #F86E78;
}
}
}
.ag-paylist {
padding-left: 30rpx;
padding-right: 30rpx;
margin-top: 36rpx;
background: #fff;
.agp-item {
display: flex;
justify-content: space-between;
height: 100rpx;
.agp-title {
.zhifubao {
padding-left: 55rpx;
height: 100rpx;
line-height: 100rpx;
color: #454545;
font-size: 14px;
font-weight: bold;
background: url(../../static/page/payment-icon.png) no-repeat left center;
background-size: 40rpx 40rpx;
}
}
.agp-detail {
.agp-make {
padding-right: 30rpx;
height: 100rpx;
line-height: 100rpx;
color: #999;
font-size: 12px;
background: url(../../static/page/open-icon.png) no-repeat right center;
background-size: 14rpx 24rpx;
cursor: pointer;
}
}
}
.apt-main {
padding: 10rpx 0;
.apm-cell {
display: flex;
justify-content: space-between;
.am-title {
height: 70rpx;
line-height: 70rpx;
color: 454545;
font-size: 12px;
}
.am-value {
display: flex;
justify-content: flex-end;
height: 70rpx;
line-height: 70rpx;
.mphone {
margin-right: 20rpx;
font-size: 12px;
color: #454545;
}
.mlink {
font-size: 12px;
color: #32A2FC;
}
.mnum {
font-size: 14px;
color: 454545;
font-weight: bold;
}
}
}
}
.u-border-bottom,
.u-border-top {
border-color: #eee !important;
}
.apt-btn {
display: flex;
justify-content: flex-end;
padding: 30rpx 0;
.cashbtn {
width: 110rpx;
height: 48rpx;
text-align: center;
line-height: 48rpx;
color: #fff;
font-size: 12px;
background: #F52F3E;
border-radius: 100rpx;
}
}
}
}
</style>

1
agentApp/pages/allpages/index.vue
View File

@ -4,6 +4,7 @@
<button @click="goPage(4)">商户登录</button> <button @click="goPage(4)">商户登录</button>
<button @click="goPage(5)">商户主页</button> <button @click="goPage(5)">商户主页</button>
<text>用户相关</text> <text>用户相关</text>
<button @click="goPage(6)">用户订单</button>
<button @click="goPage(3)">用户支付页面</button> <button @click="goPage(3)">用户支付页面</button>
<button @click="goPage(3)">用户支付页面2</button> <button @click="goPage(3)">用户支付页面2</button>
<text>代理商相关</text> <text>代理商相关</text>

19
agentApp/pages/merchant-index/index.vue
View File

@ -10,7 +10,7 @@
</view> </view>
<view class="revenue-information"> <view class="revenue-information">
<view class="projected-revenue-content"> <view class="projected-revenue-content">
<view class="projected-revenue-item">
<view class="projected-revenue-item" @click="handlerOrder">
<view class="character-style">￥</view> <view class="character-style">￥</view>
<view class="character-price">394.00</view> <view class="character-price">394.00</view>
</view> </view>
@ -83,7 +83,7 @@
</view> </view>
</view> </view>
<view class="order-status"> <view class="order-status">
<button class="refund-button">已退款</button>
<button class="refund-button">退款</button>
</view> </view>
<view class="divider-style"></view> <view class="divider-style"></view>
</view> </view>
@ -97,7 +97,22 @@
</view> </view>
</template> </template>
<script>
export default {
data() {
return {
}
},
methods: {
handlerOrder() {
uni.navigateTo({
url: '/pages/user-orders/user-orders'
});
}
}
}
</script>
<style lang="scss"> <style lang="scss">
.agent-content { .agent-content {

6
agentApp/pages/merchant-login/index.vue
View File

@ -56,8 +56,8 @@
}, },
handlerApply() { handlerApply() {
this.show = true; this.show = true;
this.title = '排队支付代理用户服务协议';
this.content = '排队支付代理用户服务协议';
this.title = '排队支付商户用户服务协议';
this.content = '排队支付商户用户服务协议';
}, },
handlerProtect() { handlerProtect() {
this.show = true; this.show = true;
@ -69,7 +69,7 @@
}, },
btnLogin() { btnLogin() {
uni.navigateTo({ uni.navigateTo({
url: '/pages/index/index'
url: '/pages/merchant-index/index'
}); });
} }
} }

117
agentApp/pages/queuing-information/queuing-information.vue
View File

@ -0,0 +1,117 @@
<template>
<view class="app-container">
<u-tabs :list="list" lineColor="#F52F3E" @click="change" lineWidth="160rpx" @change="change"
itemStyle="padding-left: 0; padding-right: 0;width: 50%; height: 90rpx;font-size: 14px"
lineHeight="2"
:activeStyle="{
color: '#F52F3E'
}"
></u-tabs>
<u-gap height="10rpx" bgColor="#F7F7F7"></u-gap>
<view class="his-content">
<view class="his-item u-border-bottom">
<view class="hit-left">
<view class="his-name">
李姐烧烤（普罗旺斯店）
</view>
</view>
<view class="hit-right">
购买时排队<span class="text-style">10</span> ，当前 2
</view>
</view>
<view class="his-item u-border-bottom">
<view class="hit-left">
<view class="his-name">
李姐烧烤（普罗旺斯店）
</view>
</view>
<view class="hit-right">
购买时排队<span class="text-style">10</span> ，当前 2
</view>
</view>
<view class="his-item u-border-bottom">
<view class="hit-left">
<view class="his-name">
李姐烧烤（普罗旺斯店）
</view>
</view>
<view class="hit-right">
购买时排队<span class="text-style">10</span> ，当前 2
</view>
</view>
<view class="his-item u-border-bottom">
<view class="hit-left">
<view class="his-name">
李姐烧烤（普罗旺斯店）
</view>
</view>
<view class="hit-right">
购买时排队<span class="text-style">10</span> ，当前 2
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
list: [{
name: '按时间排序'
}, {
name: '待最快排序'
}],
current: 0
};
},
methods: {
change(index) {
this.current = Number(index);
}
}
}
</script>
<style lang="scss">
.his-content {
padding: 0 30rpx;
.his-item {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1rpx solid #eee;
.hit-left {
font-size: 24rpx;
color: #454545;
font-weight: bold;
}
.hit-right {
height: 130rpx;
line-height: 130rpx;
font-size: 24rpx;
color: #666;
}
span.text-style{
font-size: 24rpx;
color: #F52F3E;
padding: 0 15rpx;
font-weight: bold;
}
}
.u-border-bottom,
.u-border-top {
border-color: #eee !important;
}
}
</style>

309
agentApp/pages/user-orders/user-orders.vue
View File

@ -0,0 +1,309 @@
<template>
<view class="app-container" style="background-color: #f7f7f7;">
<view class="page-bg">
<view class="withdrawal-management">
<navigator hover-class="none" url="/pages/withdrawal-management/withdrawal-management">
<button class="withdrawal-button">提现管理</button>
</navigator>
</view>
<view class="withdrawal-limit">
<view class="limit-symbol">￥</view>
<view class="withdrawal-volume">458.00</view>
</view>
<view class="Withdrawable-text">可提现</view>
<view class="withdrawal-content">
<image class="withdrawal-line" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/withdrawal-line.png" />
</view>
<view class="to-be-credited">待入账：￥200.00</view>
<view class="queuing-information-content">
<view class="recent-orders-title">
<image class="title-stlye" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/title-stlye.png" />
<view class="title-text">最近排队信息</view>
</view>
<view class="information-item">
<view class="item-content">
<view class="item-content-titie">李姐烧烤（普罗旺斯店）：</view>
<view class="item-content-text">购买时排队<span class="style-text">10</span>，当前<span class="style-text">2</span></view>
</view>
<view class="item-content">
<view class="item-content-titie">李姐烧烤（青秀万达店）：</view>
<view class="item-content-text">购买时排队<span class="style-text">200</span>，当前<span class="style-text">48</span></view>
</view>
<navigator hover-class="none" url="/pages/queuing-information/queuing-information">
<view class="see-more-content">
<view class="see-more-text">查看更多</view>
<view class="see-more-icon"></view>
</view>
</navigator>
</view>
</view>
<view class="ordering-information">
<view class="ordering-information-item">
<view class="order-number">订单编号 22398983498</view>
<view class="ordering-item-content">
<view class="ordering-pic">
<image class="order-chart" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/order-chart.png" />
</view>
<view class="ordering-text">
<view class="ordering-text-title">李姐烧烤(普罗旺斯店)</view>
<view class="amount-of-money">金额：<span class="price-style">￥450.00</span></view>
<view class="order-time">订单时间：2023-10-24 20:39:56</view>
</view>
</view>
</view>
<view class="ordering-information-item">
<view class="order-number">订单编号 22398983498</view>
<view class="ordering-item-content">
<view class="ordering-pic">
<image class="order-chart" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/order-chart.png" />
</view>
<view class="ordering-text">
<view class="ordering-text-title">李姐烧烤(普罗旺斯店)</view>
<view class="amount-of-money">金额：<span class="price-style">￥450.00</span></view>
<view class="order-time">订单时间：2023-10-24 20:39:56</view>
</view>
</view>
</view>
<view class="ordering-information-item">
<view class="order-number">订单编号 22398983498</view>
<view class="ordering-item-content">
<view class="ordering-pic">
<image class="order-chart" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/order-chart.png" />
</view>
<view class="ordering-text">
<view class="ordering-text-title">李姐烧烤(普罗旺斯店)</view>
<view class="amount-of-money">金额：<span class="price-style">￥450.00</span></view>
<view class="order-time">订单时间：2023-10-24 20:39:56</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.uni-page-body {
background: #f7f7f7;
}
.page-bg{
height: 525rpx;
background: url("https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/withdrawal-bg.png") no-repeat center center;
background-size:cover;
padding: 0 30rpx;
}
.withdrawal-management{
position: absolute;
top: 0;
right: 0;
}
button.withdrawal-button{
width: 160rpx;
height: 60rpx;
line-height: 60rpx;
font-family: PingFangSC-Regular, sans-serif;
font-size: 24rpx;
color: #fff;
background: #FCC565;
margin: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 30rpx;
}
button::after{
border: none;
}
.withdrawal-limit{
display: flex;
justify-content: center;
align-items: baseline;
padding-top: 66rpx;
text-align: center;
}
.limit-symbol{
font-family: PingFangSC-Regular, sans-serif;
font-size: 30rpx;
color: #fff;
}
.withdrawal-volume{
font-family: "Din";
font-size: 60rpx;
color: #fff;
font-weight: bold;
margin-left: 10rpx;
}
.Withdrawable-text{
font-family: PingFangSC-Regular, sans-serif;
font-size: 30rpx;
color: #fff;
text-align: center;
margin-top: 30rpx;
}
.withdrawal-content{
display: flex;
justify-content: center;
align-items: center;
padding: 30rpx 0;
}
image.withdrawal-line{
text-align: center;
width: 200rpx;
height: 1rpx;
background-size: cover;
}
.to-be-credited{
font-family: PingFangSC-Regular, sans-serif;
font-size: 30rpx;
color: #fff;
text-align: center;
}
.queuing-information-content{
background: #fff;
border-radius: 20rpx;
padding: 30rpx 0;
margin-top: 30rpx;
}
.recent-orders-title {
display: flex;
justify-content: left;
align-items: center;
padding: 0 30rpx;
border-bottom: 1rpx solid #eeeeee;
padding-bottom: 30rpx;
}
image.title-stlye {
width: 15rpx;
height: 19rpx;
background-size: cover;
margin-right: 20rpx;
}
.title-text {
font-family: PingFangSC-Regular, sans-serif;
font-size: 30rpx;
color: #454545;
font-weight: bold;
}
.information-item{
padding: 0 30rpx;
}
.item-content{
display: flex;
justify-content: left;
align-items: center;
margin-top: 30rpx;
}
.item-content-titie{
font-family: PingFangSC-Regular, sans-serif;
font-size: 24rpx;
color: #454545;
font-weight: bold;
}
.item-content-text{
font-family: PingFangSC-Regular, sans-serif;
font-size: 24rpx;
color: #666;
}
span.style-text{
font-family: PingFangSC-Regular, sans-serif;
font-size: 24rpx;
color: #F52F3E;
font-weight: bold;
padding: 0 15rpx;
}
.see-more-content{
display: flex;
justify-content: center;
align-items: center;
margin-top: 30rpx;
}
.see-more-text{
font-family: PingFangSC-Regular, sans-serif;
font-size: 24rpx;
color: #F52F3E;
}
.see-more-icon{
width: 0;
height: 0;
border-left: 14rpx solid #FDD5D8;
border-top: 14rpx solid transparent;
border-bottom: 14rpx solid transparent;
margin-left: 10rpx;
border-radius: 10rpx;
}
.ordering-information{
padding: 30rpx;
background: #fff;
margin-top: 20rpx;
border-radius: 20rpx;
padding-top: 0;
}
.order-number {
font-family: PingFangSC-Regular, sans-serif;
font-size: 26rpx;
color: #454545;
padding: 30rpx 0;
}
.ordering-pic {
width: 120rpx;
height: 120rpx;
background-size: cover;
border-radius: 15rpx;
}
image.order-chart {
width: 120rpx;
height: 120rpx;
background-size: cover;
border-radius: 15rpx;
}
.ordering-text {
margin-left: 30rpx;
}
.ordering-text-title {
font-family: PingFangSC-Regular, sans-serif;
font-size: 30rpx;
color: #454545;
}
.amount-of-money {
font-family: PingFangSC-Regular, sans-serif;
font-size: 24rpx;
color: #999;
padding: 10rpx 0;
}
span.price-style {
font-family: PingFangSC-Regular, sans-serif;
font-size: 24rpx;
color: #F52F3E;
}
.order-time {
font-family: PingFangSC-Regular, sans-serif;
font-size: 24rpx;
color: #999;
}
.ordering-item-content{
display: flex;
justify-content: left;
align-items: center;
border-bottom: 1rpx solid #eee;
padding-bottom: 30rpx;
}
</style>

128
agentApp/pages/withdrawal-history/withdrawal-history.vue
View File

@ -0,0 +1,128 @@
<template>
<view class="app-container">
<u-gap height="10rpx" bgColor="#F7F7F7"></u-gap>
<view class="his-content">
<view class="his-item u-border-bottom">
<view class="hit-left">
<view class="his-name">
流水号: 139812983213
</view>
<view class="his-state">
提现成功
</view>
<view class="his-time">
2023-11-28 15:45:39
</view>
</view>
<view class="hit-right">
-￥458.00
</view>
</view>
<view class="his-item u-border-bottom">
<view class="hit-left">
<view class="his-name">
流水号: 139812983213
</view>
<view class="his-state">
提现成功
</view>
<view class="his-time">
2023-11-28 15:45:39
</view>
</view>
<view class="hit-right">
-￥458.00
</view>
</view>
<view class="his-item u-border-bottom">
<view class="hit-left">
<view class="his-name">
流水号: 139812983213
</view>
<view class="his-state">
提现成功
</view>
<view class="his-time">
2023-11-28 15:45:39
</view>
</view>
<view class="hit-right">
-￥458.00
</view>
</view>
<view class="his-item u-border-bottom">
<view class="hit-left">
<view class="his-name">
流水号: 139812983213
</view>
<view class="his-state">
提现成功
</view>
<view class="his-time">
2023-11-28 15:45:39
</view>
</view>
<view class="hit-right">
-￥458.00
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
};
}
}
</script>
<style lang="scss">
.his-content {
padding: 0 30rpx;
.his-item {
display: flex;
justify-content: space-between;
padding: 30rpx 0 30rpx;
.hit-left {
.his-name {
color: #454545;
font-size: 12px;
line-height: 1.8;
font-weight: bold;
}
.his-state {
color: #666;
font-size: 12px;
line-height: 1.8;
}
.his-time {
color: #999;
font-size: 12px;
line-height: 1.8;
}
}
.hit-right {
height: 130rpx;
line-height: 130rpx;
font-size: 14px;
color: #454545;
font-weight: bold;
}
}
.u-border-bottom,
.u-border-top {
border-color: #eee !important;
}
}
</style>

222
agentApp/pages/withdrawal-management/withdrawal-management.vue
View File

@ -0,0 +1,222 @@
<template>
<view class="app-container" style="background-color: #f7f7f7;">
<view class="agent-content">
<view class="ag-sign" @click="cashManager">
提现历史
</view>
<view class="agent-top">
<view class="ag-num">
<view class="au-font">
￥
</view>
<view class="au-num">
458.00
</view>
</view>
<view class="age-font">
可提现
</view>
<view class="age-line">
<img src="../../static/page/line-style.png" style="width: 200rpx;height: 2rpx;" alt="" srcset="" />
</view>
<view class="age-wait">
总提现：￥500.00
</view>
<view class="age-linemore">
<img src="../../static/page/divider-style.png" style="width: 690rpx;height: 2rpx;" alt="" srcset="" />
</view>
<div class="age-mnum">
<view class="mtext">
待入账：1000元
</view>
<view class="mline">
</view>
<view class="mtext">
提现中：458元
</view>
</div>
</view>
<view class="ag-paylist">
<view class="agp-item">
<view class="agp-title">
<view class="zhifubao">
支付宝账户
</view>
</view>
<view class="agp-detail">
<view class="agp-make" @click="makecash">
去开通
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
makecash() {
uni.navigateTo({
url: '/pages/account-opened/account-opened'
});
},
cashManager() {
uni.navigateTo({
url: '/pages/withdrawal-history/withdrawal-history'
});
}
}
}
</script>
<style lang="scss">
.uni-page-body {
background:#f7f7f7;
}
.agent-content {
position: relative;
width: 100%;
height: 1400rpx;
background: url(../../static/page/merchant-account-opening-bg.png) no-repeat top center;
background-size: 100% 414rpx;
box-sizing: border-box;
.ag-sign {
position: absolute;
right: 0;
top: 0;
width: 150rpx;
height: 60rpx;
line-height: 60rpx;
padding-left: 40rpx;
border-top-left-radius: 30rpx;
border-bottom-left-radius: 30rpx;
color: #fff;
font-size: 12px;
background: #FCC565;
box-sizing: border-box;
cursor: pointer;
}
.agent-top {
text-align: center;
padding-top: 40rpx;
.ag-num {
display: flex;
justify-content: center;
padding-top: 20rpx;
color: #fff;
.au-font {
margin-top: 40rpx;
font-size: 14px;
margin-right: 10rpx;
line-height: 1.5;
}
.au-num {
font-size: 30px;
font-weight: bold;
}
}
.age-font {
margin-top: 10rpx;
font-size: 16px;
line-height: 1.5;
color: #fff;
}
.age-line {
margin: 20rpx auto 0;
width: 200rpx;
height: 2rpx;
img {
display: block;
margin: 0 auto;
}
}
.age-wait {
margin-top: 20rpx;
color: #fff;
font-size: 14px;
}
.age-linemore {}
.age-mnum {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20rpx;
.mtext {
color: #fff;
font-size: 14px;
margin: 0 20rpx;
line-height: 1.5;
}
.mline {
height: 28rpx;
width: 2rpx;
background: #F86E78;
}
}
}
.ag-paylist {
padding-left: 30rpx;
padding-right: 30rpx;
margin-top: 36rpx;
background: #fff;
.agp-item {
display: flex;
justify-content: space-between;
height: 100rpx;
.agp-title {
.zhifubao {
padding-left: 55rpx;
height: 100rpx;
line-height: 100rpx;
color: #454545;
font-size: 14px;
font-weight: bold;
background: url(../../static/page/payment-icon.png) no-repeat left center;
background-size: 40rpx 40rpx;
}
}
.agp-detail {
.agp-make {
padding-right: 30rpx;
height: 100rpx;
line-height: 100rpx;
color: #999;
font-size: 12px;
background: url(../../static/page/open-icon.png) no-repeat right center;
background-size: 14rpx 24rpx;
cursor: pointer;
}
}
}
}
}
</style>

BIN
agentApp/static/page/merchant-account-opening-bg.png
View File

Side by Side

After

Width: 750  |  Height: 414  |  Size: 19 KiB

Write Preview
Loading…
Cancel
Save