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 08:56:35 +08:00
parent fc3ba7e04b
commit 0a77ba1515
12 changed files with 458 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
pages/personCenter/component/commissionRatePop/commissionRatePop.js Normal file
View File

@ -0,0 +1,24 @@
// pages/personCenter/component/commissionRatePop/commissionRatePop.js
Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
}
})

4
pages/personCenter/component/commissionRatePop/commissionRatePop.json Normal file
View File

@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

45
pages/personCenter/component/commissionRatePop/commissionRatePop.wxml Normal file
View File

@ -0,0 +1,45 @@
<view class="flex-col section">
<text class="self-center font text">代理价设置</text>
<view class="flex-col self-stretch mt-24">
<view class="flex-col">
<text class="self-start font_2 text_2">我的价格0.30，我的抽成0.17元</text>
<view class="flex-col self-stretch section_2 mt-13">
<view class="flex-row justify-between items-center">
<text class="font_2 text_4">结算标准</text>
<text class="font_2 text_3">3.6元购买30元券包3.6元购买</text>
</view>
<view class="flex-row justify-between items-center group">
<text class="font_2 text_5">代理价</text>
<view class="flex-col justify-start items-start text-wrapper">
<input class="text_6 font" placeholder="0.30" />
</view>
</view>
<view class="flex-row justify-between items-center group_2">
<text class="font_2 text_7">抽成比例</text>
<view class="flex-col justify-start items-start text-wrapper">
<input class="text_8 font" placeholder="0.30" />
</view>
</view>
<view class="flex-row justify-between items-center group_3">
<text class="font_2 text_10">设价方式</text>
<radio-group class="flex-col group_4">
<view class="flex-row items-center">
<radio class="radio"></radio>
<text class="font_2 text_9 ml-7">代理价</text>
</view>
<view class="flex-row items-center mt-14">
<radio class="radio_1"></radio>
<text class="font_2 text_11 ml-7">抽成比例</text>
</view>
</radio-group>
</view>
</view>
</view>
<view class="flex-col items-center mt-22">
<view class="flex-col justify-start items-center text-wrapper_2"><text class="font_3 text_12">确定</text></view>
<view class="flex-col justify-start items-center text-wrapper_3 mt-12">
<text class="font_3 text_13">取消</text>
</view>
</view>
</view>
</view>

118
pages/personCenter/component/commissionRatePop/commissionRatePop.wxss Normal file
View File

@ -0,0 +1,118 @@
.mt-13 {
margin-top: 24.38rpx;
}
.ml-7 {
margin-left: 13.13rpx;
}
.section {
margin-left: 52.5rpx;
margin-right: 50.63rpx;
padding: 29.06rpx 35.63rpx 26.25rpx;
background-color: #ffffff;
border-radius: 18.75rpx;
}
.font_2 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 22.76rpx;
color: #000000;
}
.text_2 {
line-height: 24.96rpx;
}
.section_2 {
padding: 35.46rpx 59.23rpx 60rpx 81.17rpx;
background-color: #f5f5f5;
border-radius: 18.75rpx;
}
.text_4 {
line-height: 24.3rpx;
}
.text_3 {
line-height: 31.88rpx;
width: 223.13rpx;
}
.group {
margin-top: 46.41rpx;
}
.text_5 {
line-height: 24.41rpx;
}
.text-wrapper {
margin-right: 12.02rpx;
padding: 17.89rpx 0 13.73rpx;
background-color: #ffffff;
border-radius: 9.38rpx;
width: 211.88rpx;
height: 54.38rpx;
}
.text_6 {
margin-left: 16.5rpx;
}
.group_2 {
margin-top: 54.38rpx;
}
.text_7 {
line-height: 24.34rpx;
}
.text_8 {
margin-left: 18.38rpx;
}
.font {
font-size: 30rpx;
font-family: SourceHanSansCN;
line-height: 22.76rpx;
color: #000000;
}
.text {
line-height: 27.9rpx;
}
.group_3 {
margin-top: 45rpx;
}
.text_10 {
line-height: 24.52rpx;
}
.group_4 {
width: 223.31rpx;
}
.text_9 {
line-height: 24.41rpx;
}
.text_11 {
line-height: 24.34rpx;
}
.text-wrapper_2 {
padding: 20.76rpx 0 16.44rpx;
background-color: #ff8d1a;
border-radius: 93.75rpx;
width: 206.25rpx;
}
.font_3 {
font-size: 22.5rpx;
font-family: SourceHanSansCN;
}
.text_12 {
color: #ffffff;
line-height: 20.93rpx;
}
.text-wrapper_3 {
padding: 20.89rpx 0 16.52rpx;
background-color: #f5f5f5;
border-radius: 93.75rpx;
width: 206.25rpx;
}
.text_13 {
color: #424242;
line-height: 20.72rpx;
}
.radio .wx-radio-input {
border-radius: 50%;
width: 30rpx;
height: 30rpx;
}
.radio_1 .wx-radio-input {
border-radius: 50%;
width: 30rpx;
height: 30rpx;
}