完成第一部分

This commit is contained in:
chen-xin-zhi 2025-05-28 18:53:41 +08:00
parent a52b229728
commit bc4ea87cab
12 changed files with 578 additions and 6 deletions

View File

@ -1,7 +1,8 @@
{
"pages": [
"pages/loginModule/pwdLogin/pwdLogin",
"pages/personCenter/mine/mine",
"pages/personCenter/subCommissionSetting/subCommissionSetting",
"pages/loginModule/pwdLogin/pwdLogin",
"pages/test/testVideo/testVideo",
"pages/personCenter/withdrawal/withdrawal",
"pages/personCenter/withdrawalAccount/withdrawalAccount",
@ -16,7 +17,8 @@
"pages/loginModule/register/register",
"pages/projectModule/applyCode/applyCode",
"pages/projectModule/userProject/userProject",
"pages/loginModule/forgetPwd/forgetPwd"
"pages/loginModule/forgetPwd/forgetPwd",
"pages/personCenter/commissionSetting/commissionSetting"
],
"window": {
"navigationBarTextStyle": "black",

View File

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

View File

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

View File

@ -0,0 +1,69 @@
<view class="flex-col page">
<view class="flex-row justify-between items-center section">
<view class="flex-row items-center">
<image
class="shrink-0 image"
src="https://ide.code.fun/api/image?token=68368d354ae84d001230f4d1&name=45456da4cda2cfc790fd25988b784619.png"
/>
<view class="group ml-5">
<text class="font text">一键设置下级抽成比例:</text>
<text class="font text_2">1.36%</text>
</view>
</view>
<image
class="image_2"
src="https://ide.code.fun/api/image?token=68368d354ae84d001230f4d1&name=f9ca835233e2714bc2418ea181ce0f10.png"
/>
</view>
<view class="flex-col mt-19">
<view class="flex-col list-item mt-20" wx:for="{{items}}" wx:for-item="item" wx:for-index="index" wx:key="index">
<view class="flex-row group_2">
<view class="flex-row flex-1 self-center">
<image
class="shrink-0 image_3"
src="https://ide.code.fun/api/image?token=68368d354ae84d001230f4d1&name=141f260ce084d8ec42e28b353cae9b11.png"
/>
<view class="flex-col items-start flex-1 group_3 ml-13">
<text class="font">美团神券包-春季活动</text>
<view class="flex-col justify-start items-center text-wrapper mt-14">
<text class="font_3 text_4">结算T+2</text>
</view>
</view>
</view>
<view class="flex-row shrink-0 self-start section_2 ml-21">
<image
class="image_4 image_5"
src="https://ide.code.fun/api/image?token=68368d354ae84d001230f4d1&name=3e6ca90e00849d7326816d816878d186.png"
/>
<text class="font_2 text_3">下级单价</text>
</view>
</view>
<view class="flex-col section_3">
<view class="flex-row justify-between items-center group_4">
<text class="font_4 text_5">结算标准</text>
<text class="font_5">单价/代理单价/比例</text>
<text class="font_4">设置价格</text>
</view>
<view class="flex-col mt-16">
<view
class="flex-row justify-center items-center relative list-item_2 mt-14"
wx:for="{{items_1}}"
wx:for-item="item"
wx:for-index="index"
wx:key="index"
>
<text class="font_6 text_6 pos">3.6元购买</text>
<text class="font_7 text_9">0.30/0.30/0.00%</text>
<view class="flex-row group_5 pos_2">
<image
class="image_4 image_6"
src="https://ide.code.fun/api/image?token=68368d354ae84d001230f4d1&name=2994ec01c6859d93ce653a6cb3d50301.png"
/>
<text class="font_8 text_8">设价</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>

View File

@ -0,0 +1,187 @@
.ml-5 {
margin-left: 9.38rpx;
}
.mt-19 {
margin-top: 35.63rpx;
}
.ml-13 {
margin-left: 24.38rpx;
}
.ml-21 {
margin-left: 39.38rpx;
}
.page {
padding: 50.63rpx 24.38rpx 258.75rpx;
background-image: linear-gradient(180deg, #ff8d1a -7.3%, #f5f5f5 39.3%);
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.section {
padding: 28.13rpx 26.25rpx;
background-color: #ffdab3;
border-radius: 18.75rpx;
}
.image {
width: 45rpx;
height: 45rpx;
}
.group {
line-height: 27.9rpx;
height: 27.9rpx;
}
.font {
font-size: 30rpx;
font-family: SourceHanSansCN;
line-height: 28.01rpx;
color: #000000;
}
.text {
line-height: 27.9rpx;
}
.text_2 {
color: #ff0000;
line-height: 22.76rpx;
}
.image_2 {
width: 35.63rpx;
height: 35.63rpx;
}
.list-item {
padding: 0 30rpx 46.88rpx 31.88rpx;
background-color: #ffffff;
border-radius: 18.75rpx;
}
.list-item:first-child {
margin-top: 0;
}
.group_2 {
padding: 30rpx 0 39.38rpx 5.63rpx;
}
.image_3 {
width: 108.75rpx;
height: 108.75rpx;
}
.group_3 {
margin-top: 9.34rpx;
}
.text-wrapper {
padding: 11.76rpx 0 8.94rpx;
background-color: #fff6de;
border-radius: 9.38rpx;
width: 133.13rpx;
}
.font_3 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.41rpx;
color: #ffad29;
}
.text_4 {
line-height: 24.3rpx;
}
.section_2 {
margin-top: 39.38rpx;
padding: 15rpx 7.5rpx 13.13rpx 13.52rpx;
background-color: #ff8d1a;
border-radius: 8.75rpx;
width: 140.63rpx;
height: 52.5rpx;
}
.image_4 {
width: 24.38rpx;
height: 24.38rpx;
}
.image_5 {
margin-left: 95.23rpx;
}
.font_2 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.41rpx;
color: #ffffff;
}
.text_3 {
margin-left: -119.61rpx;
font-size: 24.38rpx;
line-height: 24.38rpx;
}
.section_3 {
padding: 42.02rpx 36.39rpx 25.61rpx;
background-color: #f5f5f5;
border-radius: 10.14rpx;
}
.group_4 {
padding-left: 3.77rpx;
}
.font_4 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.41rpx;
color: #6b6b6b;
}
.text_5 {
line-height: 24.3rpx;
}
.font_5 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 26.79rpx;
color: #707070;
}
.list-item_2 {
margin-right: 8.61rpx;
padding: 22.76rpx 0 23.63rpx;
display: flex;
justify-content: space-between;
}
.list-item_2:first-child {
margin-top: 0;
}
.font_6 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 31.88rpx;
color: #000000;
}
.text_6 {
width: 114.38rpx;
}
.pos {
/* position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%); */
}
.font_7 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.41rpx;
color: #000000;
}
.text_9 {
line-height: 25.54rpx;
margin-left: -30rpx;
}
.group_5 {
width: 75.75rpx;
}
.pos_2 {
/* position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%); */
}
.image_6 {
margin-left: 51.38rpx;
}
.font_8 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.41rpx;
color: #ff8d1a;
}
.text_8 {
margin-left: -75.75rpx;
}

View File

@ -139,5 +139,5 @@
color: #696969;
}
.text_10 {
width: 192.31rpx;
width: 292.31rpx;
}

View File

@ -52,6 +52,11 @@ Page({
url: '/pages/personCenter/withdrawal/withdrawal',
})
},
szcy() {
wx.navigateTo({
url: '/pages/personCenter/commissionSetting/commissionSetting',
})
},
/**
* 生命周期函数--监听页面加载
*/

View File

@ -113,7 +113,7 @@
/>
<text class="font text_15 mt-10">团队管理</text>
</view>
<view class="flex-col items-center group_11 equal-division-item_3">
<view class="flex-col items-center group_11 equal-division-item_3" bind:tap="szcy">
<image
class="image_8"
src="./images/choucheng.png"
@ -132,8 +132,8 @@
</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" bind:tap="zhshezhi">
<view class="flex-row justify-between items-center self-stretch group_13" bind:tap="zhshezhi">
<view class="flex-row items-center">
<image
class="shrink-0 image_9"
src="./images/zhanghaoshezhi.png"

View File

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

View File

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

View File

@ -0,0 +1,44 @@
<view class="flex-col page">
<view class="flex-row justify-between items-center group">
<text class="font text">代理列表</text>
<view class="flex-row items-center section">
<image
class="image"
src="https://ide.code.fun/api/image?token=68368d354ae84d001230f4d1&name=923cbdfd7647bf70f563354b3b547dea.png"
/>
<input class="font text_2 ml-7" placeholder="请输入关键字" />
</view>
</view>
<view class="flex-col section_2">
<view class="flex-row group_2">
<text class="shrink-0 self-start font_2 text_3">结算标准</text>
<text class="flex-1 self-center font_3 ml-10">3.6元购买30元券包3.6元购买30元券包3.6元购买30元券包</text>
</view>
<view class="flex-col section_3">
<view class="flex-row justify-center items-center relative group_3">
<text class="font_4 text_4 pos">代理</text>
<text class="font_3 text_5">代理单价/比例</text>
<text class="font_4 pos_2">设置价格</text>
</view>
<view class="flex-col mt-19">
<view
class="flex-row justify-between items-center list-item mt-14"
wx:for="{{items}}"
wx:for-item="item"
wx:for-index="index"
wx:key="index"
>
<text class="font_3 text_6">张新然张新然</text>
<text class="font_2 text_9">0.30/0.00%</text>
<view class="flex-row group_5">
<image
class="image_2"
src="https://ide.code.fun/api/image?token=68368d354ae84d001230f4d1&name=2994ec01c6859d93ce653a6cb3d50301.png"
/>
<text class="font_5 text_8">设价</text>
</view>
</view>
</view>
</view>
</view>
</view>

View File

@ -0,0 +1,126 @@
.ml-7 {
margin-left: 13.13rpx;
}
.mt-19 {
margin-top: 35.63rpx;
}
.page {
padding: 0 24.38rpx 1028.44rpx;
background-image: linear-gradient(180deg, #ff8d1a -7.3%, #f5f5f5 39.3%);
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.group {
padding: 39.38rpx 0 30rpx;
}
.font {
font-size: 30rpx;
font-family: SourceHanSansCN;
}
.text {
color: #000000;
line-height: 27.75rpx;
}
.section {
padding: 13.13rpx 18.75rpx 11.25rpx;
background-color: #ffffff;
border-radius: 93.75rpx;
width: 465rpx;
height: 60rpx;
}
.image {
width: 35.63rpx;
height: 35.63rpx;
}
.text_2 {
color: #999999;
line-height: 27.96rpx;
}
.section_2 {
padding: 0 30rpx 45rpx 31.88rpx;
background-color: #ffffff;
border-radius: 18.75rpx;
}
.group_2 {
margin-right: 2.98rpx;
padding: 37.33rpx 0 24.04rpx;
}
.font_2 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.41rpx;
color: #000000;
}
.text_3 {
line-height: 24.3rpx;
}
.font_3 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 31.88rpx;
color: #000000;
}
.section_3 {
padding: 40.22rpx 31.69rpx 27.86rpx 34.82rpx;
background-color: #f5f5f5;
border-radius: 10.05rpx;
}
.group_3 {
padding-left: 25.73rpx;
}
.font_4 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.41rpx;
color: #6b6b6b;
}
.text_4 {
line-height: 23.87rpx;
}
.pos {
position: absolute;
left: 25.73rpx;
top: 50%;
transform: translateY(-50%);
}
.text_5 {
color: #707070;
line-height: 26.79rpx;
}
.pos_2 {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.list-item {
margin-right: 18.94rpx;
}
.list-item:first-child {
margin-top: 0;
}
.text_6 {
width: 105rpx;
}
.text_9 {
line-height: 25.54rpx;
}
.group_5 {
width: 75.75rpx;
}
.image_2 {
margin-left: 51.38rpx;
width: 24.38rpx;
height: 24.38rpx;
}
.font_5 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.41rpx;
color: #ff8d1a;
}
.text_8 {
margin-left: -75.75rpx;
}