解决了已知问题
This commit is contained in:
66
pages/wodetuandui/wodetuandui.js
Normal file
66
pages/wodetuandui/wodetuandui.js
Normal file
@ -0,0 +1,66 @@
|
||||
// pages/wodetuandui/wodetuandui.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
items: [null, null, null],
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
4
pages/wodetuandui/wodetuandui.json
Normal file
4
pages/wodetuandui/wodetuandui.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"navigationBarTitleText": "我的团队",
|
||||
"usingComponents": {}
|
||||
}
|
61
pages/wodetuandui/wodetuandui.wxml
Normal file
61
pages/wodetuandui/wodetuandui.wxml
Normal file
@ -0,0 +1,61 @@
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col section">
|
||||
|
||||
<view class="flex-col group_2 mt-23">
|
||||
<view class="flex-col section_2">
|
||||
<view class="flex-row equal-division">
|
||||
<view class="flex-col items-start group_3 group_7">
|
||||
<text class="font_2 text_2">直接代理人数(人)</text>
|
||||
<text class="font_3 text_5 mt-14">4</text>
|
||||
</view>
|
||||
<view class="flex-col group_3 group_1">
|
||||
<text class="self-stretch font_4 text_3">团队总人数(人)</text>
|
||||
<text class="self-center font_3 text_15 mt-10">12</text>
|
||||
</view>
|
||||
<view class="flex-col items-center group_3 group_5">
|
||||
<text class="font_2 text_4">团队总收益(人)</text>
|
||||
<text class="text_1 mt-11">¥10.88</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center self-center text-wrapper mt-9">
|
||||
<text class="font text_6">查看直属下级</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between section_3 mt-8">
|
||||
<text class="font text_7">请设置邀请下级抽成比例如:0%</text>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=9f91bad352adf2c78c239200e3325df9.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col group_4 mt-27">
|
||||
<view class="flex-row justify-between items-center">
|
||||
<text class="font_3 text_8">成员列表</text>
|
||||
<view class="flex-row section_4">
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=89f9bd4ddcbce51e29a7b594fb6dce3a.png"
|
||||
/>
|
||||
<input class="font_4 text_9 ml-15" placeholder="请输入关键词" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col list mt-27">
|
||||
<view
|
||||
class="flex-col relative list-item mt-18"
|
||||
wx:for="{{items}}"
|
||||
wx:for-item="item"
|
||||
wx:for-index="index"
|
||||
wx:key="index"
|
||||
>
|
||||
<text class="self-start font_5 text_10">张新然</text>
|
||||
<view class="flex-col items-start self-stretch section_5">
|
||||
<text class="font">手机号:1234567797</text>
|
||||
<text class="font_6 text_12 mt-18">团队人数:0 给我创造的收益:¥0</text>
|
||||
</view>
|
||||
<text class="self-end font_4 text_13">注册时间:2025-10-31 13:20:30</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
205
pages/wodetuandui/wodetuandui.wxss
Normal file
205
pages/wodetuandui/wodetuandui.wxss
Normal file
@ -0,0 +1,205 @@
|
||||
.ml-127 {
|
||||
margin-left: 244.23rpx;
|
||||
}
|
||||
.mt-23 {
|
||||
margin-top: 44.23rpx;
|
||||
}
|
||||
.mt-11 {
|
||||
margin-top: 21.15rpx;
|
||||
}
|
||||
.mt-9 {
|
||||
margin-top: 17.31rpx;
|
||||
}
|
||||
.ml-15 {
|
||||
margin-left: 28.85rpx;
|
||||
position: relative;
|
||||
bottom: 6rpx;
|
||||
}
|
||||
.mt-27 {
|
||||
margin-top: 51.92rpx;
|
||||
}
|
||||
.page {
|
||||
padding-bottom: 105.77rpx;
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
padding-top: 44.23rpx;
|
||||
background-image: linear-gradient(180deg, #ff8d1a -34.1%, #ffffff1a 134.1%);
|
||||
}
|
||||
.group {
|
||||
padding: 0 48.08rpx;
|
||||
}
|
||||
.image {
|
||||
width: 15.38rpx;
|
||||
height: 23.08rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.92rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.77rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text {
|
||||
color: #ffffff;
|
||||
line-height: 24.85rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding-left: 61.54rpx;
|
||||
padding-right: 53.85rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 47.37rpx 0 24.04rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 28.85rpx;
|
||||
}
|
||||
.equal-division {
|
||||
align-self: stretch;
|
||||
}
|
||||
.group_3 {
|
||||
flex: 1 1 211.54rpx;
|
||||
}
|
||||
.group_7 {
|
||||
padding: 10rpx 5.79rpx 10rpx 23.1rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 23.08rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.77rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 23.92rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 38.46rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 26.92rpx;
|
||||
}
|
||||
.text_5 {
|
||||
margin-left: 46.9rpx;
|
||||
color: #ff8d1a;
|
||||
line-height: 28.19rpx;
|
||||
}
|
||||
.group_1 {
|
||||
padding: 10rpx 27.02rpx 11.92rpx 29.29rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 23.08rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 26.92rpx;
|
||||
color: #808080;
|
||||
}
|
||||
.text_3 {
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
}
|
||||
.text_15 {
|
||||
color: #d43030;
|
||||
line-height: 28.69rpx;
|
||||
}
|
||||
.group_5 {
|
||||
padding: 11.94rpx 0 11.42rpx;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 23.9rpx;
|
||||
}
|
||||
.text_1 {
|
||||
color: #d43030;
|
||||
font-size: 38.46rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 29.19rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 20.4rpx 0 21.9rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 38.46rpx;
|
||||
width: 436.54rpx;
|
||||
border: solid 1.92rpx #a5d63f;
|
||||
}
|
||||
.text_6 {
|
||||
color: #a5d63f;
|
||||
font-size: 25rpx;
|
||||
line-height: 23.08rpx;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 36.15rpx 31.9rpx 36.92rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 28.85rpx;
|
||||
box-shadow: 0rpx 3.85rpx 7.69rpx #00000040;
|
||||
}
|
||||
.text_7 {
|
||||
line-height: 24.98rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 23.08rpx;
|
||||
height: 26.92rpx;
|
||||
}
|
||||
.group_4 {
|
||||
padding-left: 39.85rpx;
|
||||
padding-right: 37.5rpx;
|
||||
}
|
||||
.text_8 {
|
||||
color: #000000;
|
||||
line-height: 35.65rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 13.96rpx 31.27rpx 12.9rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 38.46rpx;
|
||||
width: 365.38rpx;
|
||||
height: 55.77rpx;
|
||||
border: solid 1.92rpx #a6a6a6;
|
||||
}
|
||||
.image_3 {
|
||||
border-radius: 50%;
|
||||
width: 23.08rpx;
|
||||
height: 25.06rpx;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 21.5rpx;
|
||||
}
|
||||
.list {
|
||||
padding-left: 21.69rpx;
|
||||
padding-right: 10.58rpx;
|
||||
}
|
||||
.list-item {
|
||||
margin-left: 5.77rpx;
|
||||
padding: 32.67rpx 27.71rpx 35.02rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 16.94rpx;
|
||||
box-shadow: 0rpx 3.85rpx 7.69rpx #00000040;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 30.77rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 26.92rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_10 {
|
||||
line-height: 28.71rpx;
|
||||
}
|
||||
.section_5 {
|
||||
margin: 30.92rpx 20.37rpx 0 33.83rpx;
|
||||
padding: 31.69rpx 26.35rpx 36.69rpx;
|
||||
background-color: #f7f7f7cc;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 26.92rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 32.69rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_12 {
|
||||
width: 450.77rpx;
|
||||
}
|
||||
.text_13 {
|
||||
margin-top: 26.52rpx;
|
||||
width: 338.46rpx;
|
||||
}
|
Reference in New Issue
Block a user