Browse Source

商户主页、用户订单/主页、代理商主页ID信息内容的添加及优化

master
W夏日 2 years ago
parent
commit
ecf6924e7c
  1. 64
      agentApp/pages/index/index.vue
  2. 48
      agentApp/pages/merchant-index/index.vue
  3. 65
      agentApp/pages/user-orders/user-orders.vue

64
agentApp/pages/index/index.vue

@ -22,6 +22,34 @@
<view class="age-wait">
待入账200.00
</view>
<view class="divider-style"></view>
<view class="information-id-content">
<view class="content-id-item">
<view class="id-text">
商户ID
</view>
<view class="id-value">
56865kj
</view>
</view>
<view class="content-id-item">
<view class="id-text">
用户ID
</view>
<view class="id-value">
54568gh
</view>
</view>
<view class="content-id-item">
<view class="id-text">
代理ID
</view>
<view class="id-value">
56231fd
</view>
</view>
</view>
</view>
<view class="agent-main">
<view class="agm-title">
@ -201,11 +229,14 @@ export default {
margin-top: 10rpx;
font-size: 16px;
line-height: 1.5;
font-family: PingFangSC-Regular, sans-serif;
font-size: 30rpx;
color: #fff;
font-weight: bold;
}
.age-line {
margin: 45rpx auto 0;
margin: 20rpx auto 0;
width: 200rpx;
height: 2rpx;
@ -217,8 +248,10 @@ export default {
.age-wait {
margin-top: 20rpx;
font-family: PingFangSC-Regular, sans-serif;
color: #fff;
font-size: 14px;
font-size: 30rpx;
font-weight: bold;
}
}
@ -290,4 +323,31 @@ export default {
}
}
}
.divider-style{
width: 720rpx;
height: 1rpx;
background: #9ECBFF;
margin: 20rpx 0;
}
.information-id-content{
display: flex;
justify-content: space-between;
align-items: center;
}
.content-id-item{
display: flex;
justify-content: left;
align-items: center;
}
.id-text{
font-family: PingFangSC-Regular, sans-serif;
font-size: 24rpx;
color: #fff;
}
.id-value{
font-family: PingFangSC-Regular, sans-serif;
font-size: 24rpx;
color: #fff;
}
</style>

48
agentApp/pages/merchant-index/index.vue

@ -8,6 +8,32 @@
<view class="address-text">地址广西南宁市江南区波尔多庄园2-109号商铺</view>
</view>
</view>
<view class="information-id-content">
<view class="content-id-item">
<view class="id-text">
商户ID
</view>
<view class="id-value">
56865kj
</view>
</view>
<view class="content-id-item">
<view class="id-text">
用户ID
</view>
<view class="id-value">
54568gh
</view>
</view>
<view class="content-id-item">
<view class="id-text">
代理ID
</view>
<view class="id-value">
56231fd
</view>
</view>
</view>
<view class="revenue-information" @click="handlerOrder">
<view class="projected-revenue-content">
<view class="projected-revenue-item">
@ -148,6 +174,28 @@
}
}
}
.information-id-content{
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 25rpx;
padding-bottom: 30rpx;
.content-id-item{
display: flex;
justify-content: left;
align-items: center;
.id-text{
font-family: PingFangSC-Regular, sans-serif;
font-size: 24rpx;
color: #fff;
}
.id-value{
font-family: PingFangSC-Regular, sans-serif;
font-size: 24rpx;
color: #fff;
}
}
}
.revenue-information{
display: flex;
justify-content: space-between;

65
agentApp/pages/user-orders/user-orders.vue

@ -16,6 +16,36 @@
<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="divider-style"></view>
<view class="information-id-content">
<view class="content-id-item">
<view class="id-text">
商户ID
</view>
<view class="id-value">
56865kj
</view>
</view>
<view class="content-id-item">
<view class="id-text">
用户ID
</view>
<view class="id-value">
54568gh
</view>
</view>
<view class="content-id-item">
<view class="id-text">
代理ID
</view>
<view class="id-value">
56231fd
</view>
</view>
</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" />
@ -134,7 +164,7 @@ button::after{
display: flex;
justify-content: center;
align-items: baseline;
padding-top: 66rpx;
padding-top: 30rpx;
text-align: center;
}
.limit-symbol{
@ -154,13 +184,13 @@ button::after{
font-size: 30rpx;
color: #fff;
text-align: center;
margin-top: 30rpx;
margin-top: 10rpx;
}
.withdrawal-content{
display: flex;
justify-content: center;
align-items: center;
padding: 30rpx 0;
padding: 15rpx 0;
}
image.withdrawal-line{
text-align: center;
@ -175,6 +205,35 @@ image.withdrawal-line{
text-align: center;
}
.divider-style{
width: 690rpx;
height: 1rpx;
background: #F8A0A6;
margin: 20rpx 0;
}
.information-id-content{
display: flex;
justify-content: space-between;
align-items: center;
}
.content-id-item{
display: flex;
justify-content: left;
align-items: center;
}
.id-text{
font-family: PingFangSC-Regular, sans-serif;
font-size: 24rpx;
color: #fff;
}
.id-value{
font-family: PingFangSC-Regular, sans-serif;
font-size: 24rpx;
color: #fff;
}
.queuing-information-content{
background: #fff;
border-radius: 20rpx;

Loading…
Cancel
Save