admin/qingcheng-xiaochengxu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commission--yt-commit

Browse Source
This commit is contained in:
yuanteng
2025-06-25 15:45:25 +08:00
parent 1a8bcbec9f
commit 53d0cc6767
20 changed files with 1012 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
pages/course/recommendUser/image/right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 321 B

67
pages/course/recommendUser/recommendUser.js Normal file
View File

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

3
pages/course/recommendUser/recommendUser.json Normal file
View File

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

78
pages/course/recommendUser/recommendUser.wxml Normal file
View File

@ -0,0 +1,78 @@
<view class="flex-col page">
<view class="flex-col">
<text class="self-center text">我推荐的用户</text>
<!-- 直推用户 -->
<text class="self-start font text_2">直推用户</text>
<view class="flex-col self-stretch section view">
<!-- 表头 -->
<view class="flex-row justify-between group">
<text class="font_2 text_3">用户名</text>
<text class="font_2">给我创造的收益</text>
<text class="font_2 text_4">绑定时间</text>
<text class="font_2 text_5">联系</text>
</view>
<!-- 列表项 -->
<view class="flex-col mt-13">
<view
class="list-item mt-13"
wx:for="{{items}}"
wx:for-item="item"
wx:for-index="index"
wx:key="index"
>
<view class="flex-row justify-between">
<!-- 用户名：固定宽度、任意字符处断行 -->
<text class="font_3 name">{{item.userName || 'user_cxzsdfdfs'}}</text>
<view class="flex-row items-center">
<text class="font_4">￥{{item.revenue || '160.00'}}</text>
<view class="flex-row items-center shrink-0 ml-35">
<text class="font_4">{{item.bindTime || '2025-06-20'}}</text>
<image
class="shrink-0 image ml-27"
src="./image/right.png"
/>
</view>
</view>
</view>
</view>
</view>
</view>
<!-- 间推用户 -->
<view class="mt-36 flex-col">
<text class="self-start font text_6">间推用户</text>
<view class="mt-14 flex-col self-stretch section">
<view class="flex-row justify-between group">
<text class="font_2 text_3">用户名</text>
<text class="font_2">给我创造的收益</text>
<text class="font_2 text_4">绑定时间</text>
<text class="font_2 text_5">联系</text>
</view>
<view class="flex-col mt-13">
<view
class="list-item_2 mt-13"
wx:for="{{items_1}}"
wx:for-item="item"
wx:for-index="index"
wx:key="index"
>
<view class="flex-row justify-between">
<text class="font_3 name">{{item.userName || 'user_cxzsdfdfs'}}</text>
<view class="flex-row items-center">
<text class="font_4">￥{{item.revenue || '160.00'}}</text>
<view class="flex-row items-center shrink-0 ml-35">
<text class="font_4">{{item.bindTime || '2025-06-20'}}</text>
<image
class="shrink-0 image ml-27"
src="./image/right.png"
/>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>

122
pages/course/recommendUser/recommendUser.wxss Normal file
View File

@ -0,0 +1,122 @@
/*=========== 公共间距 ===========*/
.ml-35 {
margin-left: 65.63rpx;
}
.ml-27 {
margin-left: 50.63rpx;
}
.mt-13 {
margin-top: 24.38rpx;
}
/*=========== 页面整体 ===========*/
.page {
padding: 37.76rpx 41.25rpx 980.63rpx;
background-image: linear-gradient(180deg, #ff8d1a 0%, #ff8d1a00 27%);
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
/*=========== 文本样式，均放大一号 ===========*/
/* 主标题 “我推荐的用户” */
.text {
color: #ffffff;
font-size: 36rpx; /* 原 33.75rpx → 36rpx */
line-height: 34rpx; /* 对应行高 */
font-family: SourceHanSansCN;
}
/* 次级标题 “直推用户”/“间推用户” */
.text_2 {
margin-top: 40.42rpx;
color: #ffffff;
font-size: 36rpx; /* 新增字号 */
line-height: 34rpx;
font-family: SourceHanSansCN;
}
/* 通用白字 */
.font {
font-size: 33rpx; /* 原 30rpx → 33rpx */
line-height: 30rpx;
color: #ffffff;
font-family: SourceHanSansCN;
}
/* 卡片容器 */
.section {
padding: 27.66rpx 27.09rpx 22.67rpx;
background-color: #ffffff;
border-radius: 9.38rpx;
}
.view {
margin-top: 25.58rpx;
}
.group {
padding-left: 14.06rpx;
}
/* 表头文字 */
.font_2 {
font-size: 30rpx; /* 原 26.25rpx → 30rpx */
line-height: 28rpx;
color: #323232;
font-family: SourceHanSansCN;
}
/* 表格内容：收益、时间 */
.font_4 {
font-size: 30rpx; /* 原 26.25rpx → 30rpx */
line-height: 23rpx;
color: #323232;
font-family: SourceHanSansCN;
}
/* 小图标 */
.image {
width: 30rpx;
height: 30rpx;
}
/* “间推用户”前缀 */
.text_6 {
margin-left: 2.74rpx;
color: #323232;
font-size: 30rpx; /* 新增字号 */
line-height: 28rpx;
font-family: SourceHanSansCN;
}
/* 用户名文字，放大一号 */
.font_3 {
font-size: 30rpx; /* 原 26.25rpx → 30rpx */
line-height: 36rpx; /* 支持两行 */
color: #323232;
font-family: SourceHanSansCN;
}
/*=========== 新增：用户名自动换行 ===========*/
/* 固定宽度，在“sdfdfs”处自动断行 */
.name {
flex: none; /* 关闭 flex 自动拉伸 */
width: 127rpx; /* 根据字符长度微调，200rpx 在 “user_cxz” 后换行 */
word-break: break-all; /* 任意字符处断行 */
white-space: normal; /* 允许多行 */
margin-right: 50rpx;
}
/* 列表条目顶部对齐，支持多行用户名 */
.list-item,
.list-item_2 {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-right: 12.28rpx;
}
.list-item:first-child,
.list-item_2:first-child {
margin-top: 0;
}