admin1/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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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

19
pages/personCenter/billingDetails/billingDetails.wxml Normal file
View File

@ -0,0 +1,19 @@
<view class="flex-col justify-start page">
<view class="flex-col justify-start section">
<view class="flex-col section_2">
<text class="self-start text">账单明细</text>
<view class="flex-col self-stretch">
<view class="flex-col list-item" wx:for="{{items}}" wx:for-item="item" wx:for-index="index" wx:key="index">
<view class="flex-row justify-between items-baseline">
<text class="font text_2">银行卡</text>
<text class="font_2">￥2.00</text>
</view>
<view class="flex-row justify-between items-center group mt-15">
<text class="font_4 text_3">2025-10-20 18:45:15</text>
<text class="font_3">待审核</text>
</view>
</view>
</view>
</view>
</view>
</view>

66
pages/personCenter/billingDetails/billingDetails.wxss Normal file
View File

@ -0,0 +1,66 @@
.mt-15 {
margin-top: 28.85rpx;
}
.page {
background-color: #ffffff;
width: 100%;
overflow: hidden;
height: 100%;
}
.section {
padding: 88.46rpx 0 878.85rpx;
background-image: linear-gradient(180deg, #ffa74f -29.4%, #ffffff1a 115.7%);
}
.section_2 {
margin-left: 50rpx;
margin-right: 38.46rpx;
padding: 34.62rpx 0 25.77rpx;
background-color: #ffffff;
border-radius: 26.33rpx;
box-shadow: 0rpx 3.85rpx 7.69rpx #00000040;
}
.text {
margin-left: 30.77rpx;
color: #000000;
font-size: 30.77rpx;
font-family: SourceHanSansCN;
line-height: 28.65rpx;
}
.list-item {
padding: 30.77rpx 15.38rpx 30.77rpx 30.77rpx;
border-bottom: solid 1.92rpx #e5e5e5;
}
.font {
font-size: 26.92rpx;
font-family: SourceHanSansCN;
line-height: 24.98rpx;
color: #000000;
}
.text_2 {
line-height: 24.88rpx;
}
.font_2 {
padding-right: 15rpx;
font-size: 26.92rpx;
font-family: SourceHanSansCN;
line-height: 20.44rpx;
color: #000000;
}
.group {
margin-right: 11.54rpx;
}
.font_4 {
font-size: 23.08rpx;
font-family: SourceHanSansCN;
line-height: 26.92rpx;
color: #949494;
}
.text_3 {
width: 311.54rpx;
}
.font_3 {
font-size: 26.92rpx;
font-family: SourceHanSansCN;
line-height: 24.98rpx;
color: #ff5733;
}

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

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

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

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

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

153
pages/personCenter/mine/mine.wxml Normal file
View File

@ -0,0 +1,153 @@
<view class="flex-col page">
<view class="flex-col relative section">
<view class="flex-row justify-between items-center group">
<view class="flex-col">
<text class="self-start font text">青橙723h723</text>
<view class="flex-row items-center self-stretch group_2 mt-9">
<image
class="image_3"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=319ad63bd1f84326c37f0a1589cfb01a.png"
/>
<text class="font_2 text_2 ml-7">13945493113</text>
</view>
<view class="flex-row items-center self-stretch section_2 mt-9">
<image
class="shrink-0 image_4"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=486b46e979f4407cc260437ec81253ac.png"
/>
<text class="font_3 text_3">邀请码：312242</text>
</view>
</view>
<view class="flex-col items-center">
<image
class="image_2"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=8734df2e6820df0d87688d70cbc2598b.png"
/>
<text class="font_3 text_4 mt-6">二维码邀请</text>
</view>
</view>
<view class="flex-col group_3">
<view class="flex-row justify-between items-center group_4">
<view class="group_5">
<text class="font_2 text_6">当前金额：</text>
<text class="text_5">￥5.00</text>
</view>
<view class="flex-row items-center section_3">
<image
class="image_5 image_6"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=a981acbf01273a3c288b415ed03920a9.png"
/>
<text class="font_3 text_7">立即提现</text>
</view>
</view>
<view class="flex-row items-start equal-division section_4">
<view class="flex-col items-center equal-division-item_8">
<text class="font_2 text_8">提现中</text>
<text class="font_4 mt-15">￥0.00</text>
</view>
<view class="flex-col items-center group_6 equal-division-item">
<text class="font_2 text_9">已提现</text>
<text class="font_4 mt-15">￥0.00</text>
</view>
<view class="flex-col items-center group_7 equal-division-item_8">
<text class="font_2 text_10">累计收入</text>
<text class="font_4 mt-15">￥0.00</text>
</view>
</view>
</view>
<image
class="image pos"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=e8e019939eb09c44c825eb6566ae49e0.png"
/>
</view>
<view class="flex-row items-start equal-division_2 section_5">
<view class="flex-col items-center equal-division-item_1 equal-division-item_2">
<image
class="image_7"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=edfaff95081ed57443cb7e1f61a171bd.png"
/>
<text class="font text_11 mt-6">资金明细</text>
</view>
<view class="flex-col items-center group_6 group_1">
<image
class="image_7"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=cc6e3cc0c2025537165bb25f6005f441.png"
/>
<text class="font text_12 mt-6">提现账户</text>
</view>
<view class="flex-col items-center group_9 group_10">
<image
class="image_7"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=6deae93a1c966ef0a706b019dba682fa.png"
/>
<text class="font text_13 mt-6">提现记录</text>
</view>
</view>
<view class="flex-col list">
<view
class="flex-row equal-division equal-division_3 mt-15"
wx:for="{{items}}"
wx:for-item="item"
wx:for-index="index"
wx:key="index"
>
<view class="flex-col items-center equal-division-item_3">
<image
class="image_8"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=5b43a02628dbfcb995a95d266489cc34.png"
/>
<text class="font text_14 mt-10">我的项目</text>
</view>
<view class="flex-col items-center group_15 equal-division-item_6">
<image
class="image_8"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=17d4f4d6c41f90d9353cfe9a8d6c40aa.png"
/>
<text class="font text_15 mt-10">团队管理</text>
</view>
<view class="flex-col items-center group_11 equal-division-item_3">
<image
class="image_8"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=90434867969b0528211e1825c8b507ac.png"
/>
<text class="font text_16 mt-11">设置抽佣</text>
</view>
<view class="flex-col items-center group_12 equal-division-item_7">
<image
class="image_8"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=eb4f6411f7b454f280901cd364db4d44.png"
/>
<text class="font mt-11">联系上级</text>
</view>
</view>
</view>
<view class="flex-col list_2">
<view class="flex-row justify-between items-center self-stretch group_13">
<view class="flex-row items-center">
<image
class="shrink-0 image_9"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=aa91727b7d18ada3db15ea0bb92a31bf.png"
/>
<text class="font text_17 ml-5">账号设置</text>
</view>
<image
class="image_5"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=ce5680aec87249d911d2df64fb355704.png"
/>
</view>
<view class="self-end list-divider"></view>
<view class="flex-row justify-between items-center self-stretch group_14">
<view class="flex-row items-center">
<image
class="shrink-0 image_9"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=cbafbfae3c8363a26e2cb8afc1817fd1.png"
/>
<text class="font text_18 ml-5">联系客服</text>
</view>
<image
class="image_5"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=ce5680aec87249d911d2df64fb355704.png"
/>
</view>
</view>
</view>

295
pages/personCenter/mine/mine.wxss Normal file
View File

@ -0,0 +1,295 @@
.ml-7 {
margin-left: 13.13rpx;
}
.mt-9 {
margin-top: 16.88rpx;
}
.mt-15 {
margin-top: 28.13rpx;
}
.mt-11 {
margin-top: 20.63rpx;
}
.ml-5 {
margin-left: 9.38rpx;
}
.page {
padding: 65.63rpx 28.13rpx 331.88rpx 30rpx;
background-image: linear-gradient(180deg, #ff8d1a -7.3%, #ffffff00 92.1%);
width: 100%;
overflow: hidden;
height: 100%;
}
.section {
padding-left: 31.88rpx;
padding-right: 31.74rpx;
background-color: #ffffff;
border-radius: 18.75rpx;
}
.group {
padding: 45.9rpx 30.73rpx 33.75rpx 153.75rpx;
border-bottom: solid 1.88rpx #ededed;
}
.font {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.39rpx;
color: #000000;
}
.text {
line-height: 24.21rpx;
}
.group_2 {
padding: 0 7.26rpx;
}
.image_3 {
width: 22.5rpx;
height: 22.5rpx;
}
.font_2 {
font-size: 22.5rpx;
font-family: SourceHanSansCN;
line-height: 19.93rpx;
color: #000000;
}
.text_2 {
color: #808080;
line-height: 17.08rpx;
}
.section_2 {
padding: 10.5rpx 23.13rpx 10.5rpx 14.03rpx;
background-color: #fff6de;
border-radius: 31.26rpx;
}
.image_4 {
margin-left: 169.72rpx;
width: 24.38rpx;
height: 24.38rpx;
}
.font_3 {
font-size: 22.5rpx;
font-family: SourceHanSansCN;
line-height: 19.93rpx;
color: #ff8d1a;
}
.text_3 {
margin-left: -194.1rpx;
margin-right: 21.6rpx;
line-height: 20.68rpx;
}
.image_2 {
width: 76.88rpx;
height: 76.88rpx;
}
.text_4 {
line-height: 20.72rpx;
}
.group_3 {
padding-bottom: 28.13rpx;
}
.group_4 {
padding: 29.06rpx 0 32.81rpx 2.59rpx;
}
.group_5 {
line-height: 25.78rpx;
height: 27.21rpx;
}
.text_6 {
line-height: 21rpx;
}
.text_5 {
color: #ff8d1a;
font-size: 33.75rpx;
font-family: SourceHanSansCN;
line-height: 25.78rpx;
}
.section_3 {
padding: 6.43rpx 10.44rpx 6.69rpx 20.77rpx;
background-color: #ffffff;
border-radius: 37.5rpx;
width: 151.88rpx;
height: 46.88rpx;
border: solid 1.88rpx #ff8d1a;
}
.image_5 {
width: 30rpx;
height: 30rpx;
}
.image_6 {
margin-left: 86.91rpx;
}
.text_7 {
margin-left: -116.91rpx;
line-height: 20.91rpx;
}
.equal-division {
position: relative;
}
.equal-division:first-child {
margin-top: 0;
}
.section_4 {
padding: 15.96rpx 0 17.32rpx;
background-color: #f7f7f7;
border-radius: 9.38rpx;
}
.text_8 {
line-height: 20.77rpx;
}
.font_4 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 19.93rpx;
color: #000000;
}
.group_6 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.equal-division-item {
padding: 10.01rpx 0 9.99rpx;
width: 208.74rpx;
}
.text_9 {
line-height: 20.74rpx;
}
.group_7 {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.equal-division-item_8 {
padding: 9.99rpx 0 9.99rpx;
width: 208.74rpx;
}
.text_10 {
line-height: 20.72rpx;
}
.image {
width: 161.25rpx;
height: 161.25rpx;
}
.pos {
position: absolute;
left: 13.13rpx;
top: 15rpx;
}
.equal-division_2 {
position: relative;
margin-top: 24.38rpx;
}
.section_5 {
padding: 6.88rpx 0 13.52rpx;
background-color: #ffffff;
border-radius: 18.75rpx;
}
.equal-division-item_1 {
margin-left: 8.85rpx;
}
.equal-division-item_2 {
padding: 11.76rpx 0 10.01rpx;
width: 224.06rpx;
}
.image_7 {
width: 63.99rpx;
height: 63.99rpx;
}
.text_11 {
line-height: 24.56rpx;
}
.group_1 {
padding: 11.76rpx 0 10.03rpx;
width: 224.06rpx;
}
.text_12 {
line-height: 24.43rpx;
}
.group_9 {
position: absolute;
right: 10.84rpx;
top: 50%;
transform: translateY(-50%);
}
.group_10 {
padding: 11.76rpx 0 10.11rpx;
width: 224.06rpx;
}
.text_13 {
line-height: 24.21rpx;
}
.list {
padding: 28.13rpx 0 33.75rpx;
}
.equal-division_3 {
padding: 12.51rpx 10.14rpx 17.23rpx;
background-color: #ffffff;
border-radius: 18.75rpx;
}
.image_8 {
border-radius: 9.38rpx;
width: 63.99rpx;
height: 63.99rpx;
}
.text_14 {
line-height: 24.34rpx;
}
.equal-division-item_6 {
padding: 11.76rpx 0 10.18rpx;
width: 167.4rpx;
}
.text_15 {
line-height: 24.3rpx;
}
.group_11 {
position: absolute;
right: 179.53rpx;
top: 50%;
transform: translateY(-50%);
}
.equal-division-item_3 {
padding: 11.76rpx 0 10.14rpx;
width: 167.4rpx;
}
.text_16 {
line-height: 24.23rpx;
}
.group_12 {
position: absolute;
right: 12.13rpx;
top: 50%;
transform: translateY(-50%);
}
.equal-division-item_7 {
padding: 11.76rpx 0 9.99rpx;
width: 167.4rpx;
}
.list_2 {
background-color: #ffffff;
border-radius: 17.72rpx;
}
.group_13 {
padding: 30rpx 30rpx 28.13rpx 35.63rpx;
}
.image_9 {
border-radius: 9.38rpx;
width: 41.25rpx;
height: 41.25rpx;
}
.text_17 {
line-height: 23.81rpx;
}
.list-divider {
margin-right: 39.43rpx;
background-color: #d4d4d4;
width: 566.17rpx;
height: 1.88rpx;
}
.group_14 {
padding: 22.5rpx 30rpx 28.13rpx 35.63rpx;
}
.text_18 {
line-height: 24.6rpx;
}

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

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

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

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

74
pages/personCenter/teamManage/teamManage.wxml Normal file
View File

@ -0,0 +1,74 @@
<view class="flex-col page">
<view class="flex-col section">
<view class="flex-row equal-division group">
<view class="flex-col items-center group_2 group_1">
<text class="font text">直接代理人数</text>
<text class="font_2 text_13 mt-14">4</text>
</view>
<view class="flex-col items-center group_2 group_3">
<text class="font text_2">团队总人数</text>
<text class="font_2 text_4 mt-12">12</text>
</view>
<view class="flex-col items-start group_2 group_4">
<text class="font text_3">团队总收益</text>
<text class="font_2 text_1 mt-13">￥12.00</text>
</view>
</view>
<view class="flex-row justify-between items-center self-stretch section_2">
<view class="flex-row items-center">
<image
class="shrink-0 image"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=d2ea82ea1f39cda55cd649bb342e55df.png"
/>
<text class="font_3 text_5 ml-5">请设置邀请下级抽成比例如：0%</text>
</view>
<image
class="image_2"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=5572348d4be82ea486525ade184ec1f6.png"
/>
</view>
<view class="flex-row justify-end items-center self-center section_3">
<image
class="shrink-0 image_3"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=d6dfd7acabfcdf2f208ed1d21f4fd328.png"
/>
<text class="font text_6">我的邀请码：418037</text>
</view>
</view>
<view class="flex-row justify-between items-center mt-13">
<text class="text_7">成员列表</text>
<view class="flex-row items-center section_4">
<image
class="image_4"
src="https://ide.code.fun/api/image?token=682c6f4f4ae84d0012300213&name=6b200b21028de25bcd2e2bcfb2f0b220.png"
/>
<input class="font text_8 ml-4" placeholder="请输入关键字"/>
</view>
</view>
<view class="flex-col list mt-13">
<view
class="flex-row items-center relative group_6"
wx:for="{{items}}"
wx:for-item="item"
wx:for-index="index"
wx:key="index"
>
<view class="shrink-0 section_5"></view>
<view class="shrink-0 section_6 pos_2" style="{{index === 0 ? 'top:0rpx;' : ''}}"></view>
<view class="flex-col flex-1 relative section_1" style="{{index === 0 ? 'margin-top:0rpx;' : ''}}">
<text class="self-start font_3 text_9">张新然</text>
<view class="flex-col self-stretch section_7">
<text class="self-start font_4">手机号：15888610253</text>
<view class="flex-row justify-between self-stretch mt-19">
<text class="font_5">团队人数：0</text>
<text class="font_6 text_15">给我创造的收益：￥0</text>
</view>
</view>
<view class="flex-row items-center self-end group_5">
<text class="shrink-0 font_7">注册时间：</text>
<text class="flex-1 font_8 ml-3">2025-10-31 16:10:05</text>
</view>
</view>
</view>
</view>
</view>

218
pages/personCenter/teamManage/teamManage.wxss Normal file
View File

@ -0,0 +1,218 @@
.ml-5 {
margin-left: 9.38rpx;
}
.mt-13 {
margin-top: 24.38rpx;
}
.mt-19 {
margin-top: 35.63rpx;
}
.ml-3 {
margin-left: 5.63rpx;
}
.page {
padding: 39.38rpx 28.13rpx 117.32rpx 30rpx;
background-image: linear-gradient(0deg, #ffffff 66.3%, #ff8d1a 100%);
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.section {
padding: 30.97rpx 0 18.75rpx;
background-color: #ffffff;
border-radius: 19.71rpx;
}
.equal-division {
align-self: stretch;
}
.group {
padding: 0 5.08rpx;
}
.group_2 {
flex: 1 1 227.23rpx;
}
.group_1 {
padding: 11.83rpx 0 10.46rpx;
}
.font {
font-size: 22.5rpx;
font-family: SourceHanSansCN;
line-height: 20.85rpx;
color: #000000;
}
.text {
line-height: 20.79rpx;
}
.font_2 {
font-size: 33.75rpx;
font-family: SourceHanSansCN;
line-height: 26.25rpx;
color: #ff8d1a;
}
.text_13 {
line-height: 24.88rpx;
}
.group_3 {
padding: 9.99rpx 0 10.46rpx;
}
.text_2 {
line-height: 26.25rpx;
text-align: center;
}
.text_4 {
line-height: 25.31rpx;
}
.group_4 {
padding: 11.85rpx 40.03rpx 9.99rpx 54.08rpx;
}
.text_3 {
line-height: 20.74rpx;
}
.text_1 {
line-height: 25.78rpx;
}
.section_2 {
margin: 12.32rpx 13.13rpx 0 11.25rpx;
padding: 15rpx 13.13rpx;
background-color: #ffe8cf;
border-radius: 10.11rpx;
}
.image {
width: 46.88rpx;
height: 46.88rpx;
}
.font_3 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 26.25rpx;
color: #000000;
}
.text_5 {
line-height: 24.36rpx;
}
.image_2 {
width: 30rpx;
height: 30rpx;
}
.section_3 {
position: relative;
margin-top: 24.38rpx;
padding: 13.13rpx 15rpx 13.13rpx 21.58rpx;
background-color: #ff8d1a;
border-radius: 9.38rpx;
width: 273.75rpx;
}
.image_3 {
position: absolute;
right: 15rpx;
width: 26.25rpx;
height: 26.25rpx;
}
.text_6 {
margin-right: 38.79rpx;
color: #ffffff;
}
.text_7 {
color: #000000;
font-size: 30rpx;
font-family: SourceHanSansCN;
line-height: 27.81rpx;
}
.section_4 {
padding: 11.25rpx 15rpx 9.38rpx;
background-color: #ffffff;
border-radius: 40.18rpx;
width: 393.75rpx;
height: 56.25rpx;
}
.image_4 {
width: 35.63rpx;
height: 35.63rpx;
}
.text_8 {
color: #8c8c8c;
line-height: 20.96rpx;
}
.list {
padding-left: 7.5rpx;
}
.group_6 {
padding-left: 9.38rpx;
border-left: 1.88rpx dashed #8c8c8c;
}
.section_5 {
background-image: repeating-linear-gradient(90deg, #999999, #999999 1.28%, transparent 1.28%, transparent 2.558%);
background-position: -1.88rpx 0rpx;
width: 1.88rpx;
height: 293.48rpx;
}
.section_6 {
background-color: #ff8d1a;
border-radius: 18.75rpx;
width: 22.5rpx;
height: 22.5rpx;
}
.pos_2 {
position: absolute;
left: -12rpx;
top: 35.76rpx;
}
.section_1 {
margin-left: 48.75rpx;
margin-top: 40rpx;
padding: 21.19rpx 25.31rpx 0 27.19rpx;
background-color: #ffffff;
border-radius: 13.89rpx;
box-shadow: 0rpx 3.75rpx 7.5rpx #00000040;
height: 279.38rpx;
}
.text_9 {
margin-left: 4.89rpx;
line-height: 24.73rpx;
}
.section_7 {
margin-top: 20.64rpx;
padding: 24.23rpx 19.01rpx 24.68rpx 22.76rpx;
background-color: #f7f7f7;
border-radius: 8.44rpx;
border: solid 1.88rpx #e3e3e3;
}
.font_4 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.15rpx;
color: #000000;
}
.font_5 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.26rpx;
color: #000000;
}
.font_6 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.34rpx;
color: #000000;
}
.text_15 {
margin-right: 35.51rpx;
}
.group_5 {
margin: 10rpx 4.76rpx 0 0;
padding: 21.17rpx 0 24.45rpx;
width: 327.74rpx;
}
.font_7 {
font-size: 22.5rpx;
font-family: SourceHanSansCN;
line-height: 26.25rpx;
color: #808080;
}
.font_8 {
font-size: 22.5rpx;
font-family: SourceHanSansCN;
line-height: 26.25rpx;
color: #ff8d1a;
}