完成小程序前端部分
This commit is contained in:
@ -7,7 +7,11 @@ Page({
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
gotoEditBankCardInfo() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/personCenter/bindBankCard/bindBankCard',
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
|
@ -8,20 +8,26 @@
|
||||
<text class="font text">姓名</text>
|
||||
<text class="font text_2">陈新知</text>
|
||||
</view>
|
||||
<view class="flex-col mt-25">
|
||||
<view class="flex-row justify-between items-center">
|
||||
<text class="font text_3">支付宝账号</text>
|
||||
<text class="font_2 text_4">15888610253</text>
|
||||
<view class="flex-row justify-between items-center group_2 mt-27">
|
||||
<text class="font text_3">手机号</text>
|
||||
<text class="font_2 text_4">15888610253</text>
|
||||
</view>
|
||||
<view class="flex-col mt-27">
|
||||
<view class="flex-row justify-between items-center group_3">
|
||||
<text class="font">身份证号</text>
|
||||
<text class="font_2">33100420******50910</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center group_3 mt-21">
|
||||
<text class="font text_6">开户银行</text>
|
||||
<view class="flex-row justify-between items-center group_4">
|
||||
<text class="font">开户银行</text>
|
||||
<text class="font_2 text_5">浙江省台州市中国工商银行台州蓬街支行</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between mt-25">
|
||||
<text class="font text_7">银行卡号</text>
|
||||
<view class="flex-row justify-between mt-27">
|
||||
<text class="font text_6">银行卡号</text>
|
||||
<text class="font_2">62220********363442</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center self-center text-wrapper"><text class="text_8">修改账户</text></view>
|
||||
<view class="flex-col justify-start items-center self-center text-wrapper" bind:tap="gotoEditBankCardInfo">
|
||||
<text class="font text_7">修改账户</text>
|
||||
</view>
|
||||
</view>
|
@ -1,11 +1,8 @@
|
||||
.mt-25 {
|
||||
margin-top: 46.88rpx;
|
||||
}
|
||||
.mt-21 {
|
||||
margin-top: 39.38rpx;
|
||||
.mt-27 {
|
||||
margin-top: 50.63rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 99.38rpx 41.25rpx 826.88rpx 56.25rpx;
|
||||
padding: 65.63rpx 37.5rpx 701.25rpx 58.13rpx;
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
@ -17,65 +14,63 @@
|
||||
height: 176.25rpx;
|
||||
}
|
||||
.group {
|
||||
margin-top: 90rpx;
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding-bottom: 41.25rpx;
|
||||
border-bottom: solid 1.88rpx #d1d1d1;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-size: 30rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.36rpx;
|
||||
line-height: 27.94rpx;
|
||||
color: #615151;
|
||||
}
|
||||
.text {
|
||||
line-height: 24.21rpx;
|
||||
line-height: 27.66rpx;
|
||||
}
|
||||
.text_2 {
|
||||
margin-right: 11.25rpx;
|
||||
color: #000000;
|
||||
line-height: 27.84rpx;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 24.49rpx;
|
||||
line-height: 27.6rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-size: 30rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 21.24rpx;
|
||||
line-height: 24.26rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_4 {
|
||||
margin-right: 7.5rpx;
|
||||
line-height: 19.93rpx;
|
||||
margin-right: 3.75rpx;
|
||||
line-height: 22.76rpx;
|
||||
}
|
||||
.group_3 {
|
||||
padding-bottom: 41.25rpx;
|
||||
}
|
||||
.group_4 {
|
||||
margin-right: 11.25rpx;
|
||||
padding: 26.25rpx 0 15rpx;
|
||||
padding: 30rpx 0;
|
||||
border-top: solid 1.88rpx #d1d1d1;
|
||||
border-bottom: solid 1.88rpx #d1d1d1;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 24.43rpx;
|
||||
}
|
||||
.text_5 {
|
||||
margin-right: 3.75rpx;
|
||||
line-height: 31.88rpx;
|
||||
line-height: 35.63rpx;
|
||||
text-align: right;
|
||||
width: 418.13rpx;
|
||||
}
|
||||
.text_7 {
|
||||
line-height: 24.26rpx;
|
||||
.text_6 {
|
||||
line-height: 27.71rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin-top: 101.25rpx;
|
||||
margin-top: 105rpx;
|
||||
padding: 26.25rpx 0;
|
||||
background-color: #ff8d1a;
|
||||
border-radius: 18.75rpx;
|
||||
width: 243.75rpx;
|
||||
}
|
||||
.text_8 {
|
||||
.text_7 {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 27.94rpx;
|
||||
}
|
Reference in New Issue
Block a user