完成第一部分
This commit is contained in:
@ -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() {
|
||||
|
||||
}
|
||||
})
|
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
@ -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>
|
@ -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;
|
||||
}
|
Reference in New Issue
Block a user