完成小程序前端部分

This commit is contained in:
2025-05-29 21:29:32 +08:00
parent 40faa24750
commit 48e92710d6
27 changed files with 576 additions and 144 deletions

View File

@ -7,7 +7,11 @@ Page({
data: {
},
gotoEditBankCardInfo() {
wx.navigateTo({
url: '/pages/personCenter/bindBankCard/bindBankCard',
})
},
/**
* 生命周期函数--监听页面加载
*/

View File

@ -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>

View File

@ -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;
}