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-21 18:40:41 +08:00
parent 312372c66a
commit 6160524916
16 changed files with 1295 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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

51
pages/personCenter/fundingDetails/fundingDetails.wxml Normal file
View File

@ -0,0 +1,51 @@
<view class="flex-col page">
<view class="flex-col self-stretch section">
<view class="flex-col self-stretch section_2">
<text class="self-start font text">钱包余额</text>
<view class="flex-row justify-between items-center self-stretch group">
<text class="text_2">10.00</text>
<view class="flex-col justify-start items-center text-wrapper"><text class="font text_3">去提现</text></view>
</view>
<view class="flex-row self-stretch group_2">
<view class="flex-row items-baseline">
<text class="font text_4">提现中</text>
<text class="ml-8 font_2">￥0</text>
</view>
<view class="flex-row items-baseline ml-33">
<text class="font text_5">已提现</text>
<text class="font_2 ml-7">￥0</text>
</view>
</view>
</view>
<view class="flex-row justify-between equal-division group_3">
<view class="flex-row items-center">
<image
class="shrink-0 image"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=5b47f43998169373795876f13b2480b0.png"
/>
<text class="ml-4 font text_6">更改账户</text>
</view>
<view class="horiz-divider section_3"></view>
<view class="flex-row items-center">
<image
class="shrink-0 image"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=4a5c5ed7934395e4f8a9345bee8129ff.png"
/>
<text class="ml-4 font text_7">提现记录</text>
</view>
</view>
</view>
<text class="mt-24 self-start font_3 text_8">资金变动记录</text>
<view class="mt-24 flex-col self-stretch list">
<view class="flex-col list-item mt-13" wx:for="{{items}}" wx:for-item="item" wx:for-index="index" wx:key="index">
<view class="flex-row">
<text class="flex-1 font_4">美团省钱包-春季活动(2.9元购买30元券包(5月1日-5.5日))</text>
<text class="shrink-0 self-start font_5 text_9 ml-21">+1.20</text>
</view>
<view class="mt-12 flex-row justify-between items-center">
<text class="font_6 text_10">2025-02-10 12:10:29</text>
<text class="font_3">11.20</text>
</view>
</view>
</view>
</view>

143
pages/personCenter/fundingDetails/fundingDetails.wxss Normal file
View File

@ -0,0 +1,143 @@
.ml-33 {
margin-left: 63.46rpx;
}
.ml-7 {
margin-left: 13.46rpx;
}
.mt-13 {
margin-top: 25rpx;
}
.ml-21 {
margin-left: 40.38rpx;
}
.page {
padding: 69.23rpx 38.46rpx 517.31rpx;
background-image: linear-gradient(180deg, #ffc387 0%, #ffffff00 120.3%);
width: 100%;
overflow: hidden;
height: 100%;
}
.section {
margin-left: 11.54rpx;
margin-right: 3.85rpx;
background-color: #ffbb78;
border-radius: 14.15rpx;
}
.section_2 {
padding: 38.46rpx 26.92rpx 38.46rpx 34.62rpx;
background-color: #ff9f40;
border-radius: 14.33rpx;
}
.group {
margin-top: 23.08rpx;
}
.text_2 {
color: #ffffff;
font-size: 46.15rpx;
font-family: SourceHanSansCN;
line-height: 35.04rpx;
}
.text-wrapper {
padding: 11.54rpx 0;
background-color: #ffffff;
border-radius: 28.85rpx;
width: 130.77rpx;
height: 48.08rpx;
}
.group_2 {
margin-top: 38.46rpx;
}
.font_2 {
font-size: 26.92rpx;
font-family: SourceHanSansCN;
line-height: 20.44rpx;
color: #ffffff;
}
.equal-division {
align-self: center;
}
.group_3 {
padding: 15.38rpx 0;
width: 496.85rpx;
}
.image {
width: 42.31rpx;
height: 42.31rpx;
}
.font {
font-size: 26.92rpx;
font-family: SourceHanSansCN;
line-height: 23.5rpx;
color: #ffffff;
}
.text_5 {
line-height: 24.83rpx;
}
.text_4 {
line-height: 24.85rpx;
}
.text_3 {
color: #ff8d1a;
line-height: 24.88rpx;
}
.text {
line-height: 25.15rpx;
}
.text_6 {
line-height: 25.04rpx;
}
.horiz-divider {
margin: 3.85rpx 0;
}
.section_3 {
background-color: #ffffff;
width: 1.92rpx;
height: 36.54rpx;
}
.text_7 {
line-height: 25.04rpx;
}
.font_3 {
font-size: 30.77rpx;
font-family: SourceHanSansCN;
line-height: 23.5rpx;
color: #000000;
}
.text_8 {
line-height: 28.65rpx;
}
.list {
padding: 0 3.85rpx;
}
.list-item {
padding: 34.62rpx 34.62rpx 23.08rpx;
background-color: #ffffff;
border-radius: 16.79rpx;
}
.list-item:first-child {
margin-top: 0;
}
.font_4 {
font-size: 26.92rpx;
font-family: SourceHanSansCN;
line-height: 32.69rpx;
color: #000000;
}
.font_5 {
font-size: 30.77rpx;
font-family: SourceHanSansCN;
line-height: 23.5rpx;
color: #d43030;
}
.text_9 {
margin-top: 7.69rpx;
}
.font_6 {
font-size: 23.08rpx;
font-family: SourceHanSansCN;
line-height: 26.92rpx;
color: #696969;
}
.text_10 {
width: 192.31rpx;
}