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 00:47:08 +08:00
parent bc4ea87cab
commit fc3ba7e04b
26 changed files with 754 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
pages/personCenter/subCommissionSetting/subCommissionSetting.js
View File

@ -5,7 +5,8 @@ Page({
* 页面的初始数据
*/
data: {
items: [null, null, null, null, null, null, null],
items_1: [null, null, null],
items: [null, null],
},
/**

55
pages/personCenter/subCommissionSetting/subCommissionSetting.wxml
View File

@ -1,5 +1,5 @@
<view class="flex-col page">
<view class="flex-row justify-between items-center group">
<view class="flex-row justify-between items-center">
<text class="font text">代理列表</text>
<view class="flex-row items-center section">
<image
@ -9,33 +9,32 @@
<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 class="flex-col mt-16">
<view class="flex-col list-item_1 mt-23" wx:for="{{items}}" wx:for-item="item" wx:for-index="index" wx:key="index">
<text class="self-start font_2 text_3">结算标准：张新然</text>
<view class="flex-col self-stretch section_3 mt-17">
<view class="flex-row justify-between items-center">
<text class="font_3 text_4">结算标准</text>
<text class="font_4">代理单价/比例</text>
<text class="font_3">设置价格</text>
</view>
<view class="flex-col mt-19">
<view
class="flex-row items-center list-item mt-13"
wx:for="{{items_1}}"
wx:for-item="item"
wx:for-index="index"
wx:key="index"
>
<text class="font_5 text_5">3.6元购买30元</text>
<text class="shrink-0 font_2 text_8">0.30/0.00%</text>
<view class="flex-row shrink-0 group_2">
<image
class="image_2"
src="https://ide.code.fun/api/image?token=68368d354ae84d001230f4d1&name=2994ec01c6859d93ce653a6cb3d50301.png"
/>
<text class="font_6 text_7">设价</text>
</view>
</view>
</view>
</view>

78
pages/personCenter/subCommissionSetting/subCommissionSetting.wxss
View File

@ -1,20 +1,26 @@
.ml-7 {
margin-left: 13.13rpx;
}
.mt-23 {
margin-top: 43.13rpx;
}
.mt-17 {
margin-top: 31.88rpx;
}
.mt-19 {
margin-top: 35.63rpx;
}
.mt-13 {
margin-top: 24.38rpx;
}
.page {
padding: 0 24.38rpx 1028.44rpx;
padding: 39.38rpx 24.38rpx 510rpx;
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;
@ -38,14 +44,13 @@
color: #999999;
line-height: 27.96rpx;
}
.section_2 {
padding: 0 30rpx 45rpx 31.88rpx;
.list-item_1 {
padding: 37.93rpx 30rpx 35.63rpx 31.88rpx;
background-color: #ffffff;
border-radius: 18.75rpx;
}
.group_2 {
margin-right: 2.98rpx;
padding: 37.33rpx 0 24.04rpx;
.list-item_1:first-child {
margin-top: 0;
}
.font_2 {
font-size: 26.25rpx;
@ -54,46 +59,27 @@
color: #000000;
}
.text_3 {
line-height: 24.3rpx;
}
.font_3 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 31.88rpx;
color: #000000;
line-height: 24.49rpx;
}
.section_3 {
padding: 40.22rpx 31.69rpx 27.86rpx 34.82rpx;
padding: 40.14rpx 31.69rpx 25.61rpx 34.52rpx;
background-color: #f5f5f5;
border-radius: 10.05rpx;
}
.group_3 {
padding-left: 25.73rpx;
}
.font_4 {
.font_3 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.41rpx;
color: #6b6b6b;
}
.text_4 {
line-height: 23.87rpx;
line-height: 24.3rpx;
}
.pos {
position: absolute;
left: 25.73rpx;
top: 50%;
transform: translateY(-50%);
}
.text_5 {
color: #707070;
.font_4 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 26.79rpx;
}
.pos_2 {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
color: #707070;
}
.list-item {
margin-right: 18.94rpx;
@ -101,13 +87,21 @@
.list-item:first-child {
margin-top: 0;
}
.text_6 {
width: 105rpx;
.font_5 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 31.88rpx;
color: #000000;
}
.text_9 {
.text_5 {
width: 114.38rpx;
}
.text_8 {
margin-left: 111.79rpx;
line-height: 25.54rpx;
}
.group_5 {
.group_2 {
margin-left: 149.81rpx;
width: 75.75rpx;
}
.image_2 {
@ -115,12 +109,12 @@
width: 24.38rpx;
height: 24.38rpx;
}
.font_5 {
.font_6 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 24.41rpx;
color: #ff8d1a;
}
.text_8 {
.text_7 {
margin-left: -75.75rpx;
}