admin/qingcheng-xiaochengxu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成小程序前端部分

Browse Source
This commit is contained in:
chen-xin-zhi
2025-05-29 21:29:32 +08:00
parent 40faa24750
commit 48e92710d6
27 changed files with 576 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
pages/personCenter/bindBankCard/bindBankCard.js Normal file
View File

@ -0,0 +1,66 @@
// pages/personCenter/bindBankCard/bindBankCard.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})

3
pages/personCenter/bindBankCard/bindBankCard.json Normal file
View File

@ -0,0 +1,3 @@
{
"usingComponents": {}
}

44
pages/personCenter/bindBankCard/bindBankCard.wxml Normal file
View File

@ -0,0 +1,44 @@
<view class="flex-col page">
<text class="self-center font text">绑定银行卡</text>
<text class="self-center font_2 text_2">请绑定持卡人本人的银行卡</text>
<view class="flex-col self-stretch group">
<view class="self-start group_2">
<text class="font_2">持卡人</text>
<text class="font_3">*</text>
</view>
<view class="flex-col justify-start items-start self-stretch text-wrapper mt-11">
<input class="text_3 font" placeholder="请输入持卡人" />
</view>
<view class="self-start group_3 mt-11">
<text class="font_2 text_4">身份证号</text>
<text class="font_3">*</text>
</view>
<view class="flex-col justify-start items-start self-stretch text-wrapper_2 mt-11">
<input class="text_12 font_4" placeholder="请输入持卡人身份证号" />
</view>
<view class="self-start group_4 mt-11">
<text class="font_2">手机号</text>
<text class="font_3">*</text>
</view>
<view class="flex-col justify-start items-start self-stretch text-wrapper_2 mt-11">
<input class="text_1 font_4" placeholder="请输入持卡人绑定的手机号" />
</view>
<view class="self-start group_5 mt-11">
<text class="font_2 text_6">银行卡号</text>
<text class="font_3">*</text>
</view>
<view class="flex-col justify-start items-start self-stretch text-wrapper_2 mt-11">
<input class="text_5 font_4" placeholder="请输入持卡人银行卡号" />
</view>
<view class="self-start group_6 mt-11">
<text class="font_2 text_7">开户银行</text>
<text class="font_3">*</text>
</view>
<view class="flex-col justify-start items-start self-stretch text-wrapper_2 mt-11">
<input class="text_1 font_4" placeholder="请输入开户银行" />
</view>
</view>
<view class="flex-col justify-start items-center self-center text-wrapper_3">
<text class="font_2 text_8">保存</text>
</view>
</view>

103
pages/personCenter/bindBankCard/bindBankCard.wxss Normal file
View File

@ -0,0 +1,103 @@
.mt-11 {
margin-top: 20.99rpx;
}
.page {
padding: 77.27rpx 45.8rpx 372.14rpx 45.8rpx;
background-color: #ffffff;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.font_2 {
font-size: 30.53rpx;
font-family: SourceHanSansCN;
line-height: 28.09rpx;
color: #000000;
}
.text_2 {
margin-top: 53.49rpx;
color: #808080;
line-height: 28.4rpx;
}
.group {
margin-top: 84.43rpx;
}
.group_2 {
line-height: 28.09rpx;
}
.font_3 {
font-size: 30.53rpx;
font-family: SourceHanSansCN;
line-height: 9.92rpx;
color: #ff5733;
}
.text-wrapper {
padding: 26.87rpx 0 23.32rpx;
background-color: #f5f5f5;
border-radius: 10rpx;
}
.text_3 {
margin-left: 27.52rpx;
}
.font {
font-size: 34.35rpx;
font-family: SourceHanSansCN;
line-height: 31.87rpx;
color: #000000;
}
.text {
line-height: 32.25rpx;
}
.group_3 {
line-height: 28.44rpx;
}
.text_4 {
line-height: 28.44rpx;
}
.text-wrapper_2 {
padding: 30.38rpx 0 25.61rpx;
background-color: #f5f5f5;
border-radius: 10rpx;
}
.text_12 {
margin-left: 25.8rpx;
}
.group_4 {
line-height: 28.09rpx;
}
.text_1 {
width: 400rpx;
margin-left: 27.82rpx;
}
.group_5 {
line-height: 28.21rpx;
}
.text_6 {
line-height: 28.21rpx;
}
.text_5 {
margin-left: 26.74rpx;
}
.font_4 {
font-size: 34.35rpx;
font-family: SourceHanSansCN;
line-height: 26.07rpx;
color: #000000;
}
.group_6 {
line-height: 28.49rpx;
}
.text_7 {
line-height: 28.49rpx;
}
.text-wrapper_3 {
margin-top: 57.25rpx;
padding: 25.84rpx 0 20.5rpx;
background-color: #ff8d1a;
border-radius: 19.08rpx;
width: 248.09rpx;
}
.text_8 {
color: #ffffff;
}