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-26 09:46:08 +08:00
parent 755ad7d631
commit e05425cb40
19 changed files with 837 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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

58
pages/personCenter/withdrawalAccount/withdrawalAccount.wxml Normal file
View File

@ -0,0 +1,58 @@
<view class="flex-col page">
<view class="flex-row justify-center self-stretch">
<view class="flex-row items-start relative group">
<view class="section"></view>
<image
class="image_7"
src="https://ide.code.fun/api/image?token=682eba294ae84d00123031c1&name=4123c79511934758988501a4cc297d15.png"
/>
<image
class="image_2"
src="https://ide.code.fun/api/image?token=682eba294ae84d00123031c1&name=1e8b55848b81b18e7a0a8e2623bf7cc8.png"
/>
<image
class="image_4 pos_3"
src="https://ide.code.fun/api/image?token=682eba294ae84d00123031c1&name=851d86d6bee13c5dfbc4ab523b721294.png"
/>
<image
class="image_3 pos_2"
src="https://ide.code.fun/api/image?token=682eba294ae84d00123031c1&name=c1d1f2c9f0828c9878c7a5ac340c3372.png"
/>
<image
class="image_6 pos_4"
src="https://ide.code.fun/api/image?token=682eba294ae84d00123031c1&name=3b2bcbf8e15790961aff0a447a876d7d.png"
/>
<image
class="image pos"
src="https://ide.code.fun/api/image?token=682eba294ae84d00123031c1&name=5495cbeda5287c29de397cf80ed0c7dd.png"
/>
</view>
<image
class="ml-2 self-start image_5"
src="https://ide.code.fun/api/image?token=682eba294ae84d00123031c1&name=bc6feae8564832b2f4494c9969f51b1e.png"
/>
</view>
<view class="flex-col self-stretch mt-55">
<view class="flex-row justify-between group_2">
<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>
<view class="flex-row justify-between group_3">
<text class="self-start font text_6">开户银行</text>
<text class="self-center font_2 text_5">浙江省台州市中国工商银行台州蓬街支行</text>
</view>
<view class="flex-row justify-between group_4">
<text class="font text_7">银行卡号</text>
<text class="font_2 text_8">62220********363442</text>
</view>
</view>
</view>
<view class="flex-col justify-start items-center self-center text-wrapper mt-55">
<text class="text_9">修改账户</text>
</view>
</view>

144
pages/personCenter/withdrawalAccount/withdrawalAccount.wxss Normal file
View File

@ -0,0 +1,144 @@
.mt-25 {
margin-top: 46.88rpx;
}
.mt-55 {
margin-top: 103.13rpx;
}
.page {
padding: 127.5rpx 41.25rpx 826.88rpx 56.25rpx;
background-color: #ffffff;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.group {
padding-top: 11.25rpx;
width: 175.69rpx;
}
.section {
margin-left: 15rpx;
margin-top: 67.5rpx;
background-color: #fff7ec;
width: 14.4rpx;
height: 14.4rpx;
}
.image_7 {
margin-left: -30rpx;
margin-top: 97.5rpx;
width: 22.5rpx;
height: 22.5rpx;
}
.image_2 {
margin-left: 15rpx;
width: 108.75rpx;
height: 106.88rpx;
}
.image_4 {
width: 91.88rpx;
height: 54.38rpx;
}
.pos_3 {
position: absolute;
right: 20.48rpx;
top: 32.98rpx;
}
.image_3 {
width: 110.63rpx;
height: 106.88rpx;
}
.pos_2 {
position: absolute;
right: 6.79rpx;
bottom: 0;
}
.image_6 {
width: 35.63rpx;
height: 20.63rpx;
}
.pos_4 {
position: absolute;
right: 0;
bottom: 33.49rpx;
}
.image {
width: 163.13rpx;
height: 63.75rpx;
}
.pos {
position: absolute;
left: 7.09rpx;
right: 5.47rpx;
top: 0;
}
.image_5 {
margin-top: 33.75rpx;
width: 15rpx;
height: 15rpx;
}
.group_2 {
padding-bottom: 41.25rpx;
border-bottom: solid 1.88rpx #d1d1d1;
}
.font {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.36rpx;
color: #615151;
}
.text {
line-height: 24.21rpx;
}
.text_2 {
margin-right: 11.25rpx;
color: #000000;
}
.text_3 {
line-height: 24.49rpx;
}
.font_2 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 19.93rpx;
color: #000000;
}
.text_4 {
margin-right: 7.5rpx;
}
.group_3 {
margin-right: 11.25rpx;
margin-top: 41.25rpx;
padding: 37.5rpx 0 15rpx;
border-top: solid 1.88rpx #d1d1d1;
border-bottom: solid 1.88rpx #d1d1d1;
}
.text_6 {
margin-top: 11.25rpx;
line-height: 24.43rpx;
}
.text_5 {
margin-right: 3.75rpx;
line-height: 31.88rpx;
width: 418.13rpx;
}
.group_4 {
padding-top: 33.75rpx;
}
.text_7 {
line-height: 24.26rpx;
}
.text_8 {
line-height: 21.24rpx;
}
.text-wrapper {
padding: 26.25rpx 0;
background-color: #ff8d1a;
border-radius: 18.75rpx;
width: 243.75rpx;
}
.text_9 {
color: #ffffff;
font-size: 30rpx;
font-family: SourceHanSansCN;
line-height: 27.94rpx;
}