commission--yt-commit
This commit is contained in:
@ -0,0 +1,66 @@
|
||||
// pages/course/courseSettlementRecord/courseSettlementRecord.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
items: [null,null,null]
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
@ -0,0 +1,55 @@
|
||||
<!-- pages/course/courseSettlementRecord/courseSettlementRecord.wxml -->
|
||||
<view class="flex-col page">
|
||||
<text class="self-center text">结算记录</text>
|
||||
<view class="mt-14 flex-col self-stretch">
|
||||
<view class="flex-row items-center section">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=685b63c64ae84d0012336c74&name=1e77401cdad84f355f02111ca86729e8.png"
|
||||
/>
|
||||
<text class="text_2 ml-3">请输入下单用户</text>
|
||||
</view>
|
||||
<view class="flex-col list">
|
||||
<view class="flex-col list-item mt-13" wx:for="{{items}}" wx:for-item="item" wx:for-index="index" wx:key="index">
|
||||
<!-- 课程标题区保持不变 -->
|
||||
<view class="flex-row group">
|
||||
<image
|
||||
class="shrink-0 image_2"
|
||||
src="https://ide.code.fun/api/image?token=685b63c64ae84d0012336c74&name=6ea8ffd561d2d1408e5cbb4f5ee10374.png"
|
||||
/>
|
||||
<text class="flex-1 self-start font text_3 ml-11">【早鸟42折】掌握CAD技能实战技能实战技能实战工作训练营</text>
|
||||
</view>
|
||||
|
||||
<!-- 重新拆分为单行对齐 -->
|
||||
<view class="flex-row justify-between group_row">
|
||||
<text class="font_2">下单用户</text>
|
||||
<text class="font text_5">{{item.user || 'user_cxz'}}</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between group_row">
|
||||
<text class="font_2">课程价格</text>
|
||||
<text class="font_3">{{item.price || '¥168'}}</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between group_row">
|
||||
<text class="font_2">下单数量</text>
|
||||
<text class="font_4">{{item.count || '×1'}}</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between group_row">
|
||||
<text class="font_2">下单时间</text>
|
||||
<text class="font text_11 nowrap">{{item.orderTime || '2025-06-14 18:30:00'}}</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between group_row">
|
||||
<text class="font_2">抽成比例</text>
|
||||
<text class="font_5 text_13">{{item.rate || '%10'}}</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between group_row">
|
||||
<text class="font_2">抽成补贴</text>
|
||||
<text class="font text_14">{{item.subsidy || '¥16.8'}}</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between group_row">
|
||||
<text class="font_2">结算时间</text>
|
||||
<text class="font text_11 nowrap">{{item.settlementTime || '2025-06-20 18:30:00'}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
117
pages/course/courseSettlementRecord/courseSettlementRecord.wxss
Normal file
117
pages/course/courseSettlementRecord/courseSettlementRecord.wxss
Normal file
@ -0,0 +1,117 @@
|
||||
/* pages/course/courseSettlementRecord/courseSettlementRecord.wxss */
|
||||
/* 新增统一行样式 */
|
||||
.group_row {
|
||||
margin-top: 22.5rpx;
|
||||
/* 左右对齐 */
|
||||
padding: 0 3.75rpx;
|
||||
}
|
||||
|
||||
/* 取消 time 文本的宽度限制并防止换行 */
|
||||
.text_11 {
|
||||
/* 去掉原先 width: 240rpx; */
|
||||
width: auto !important;
|
||||
}
|
||||
/* 防止文本换行 */
|
||||
.nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* 以下为原样式,未作改动 */
|
||||
.ml-3 {
|
||||
margin-left: 5.63rpx;
|
||||
}
|
||||
.mt-13 {
|
||||
margin-top: 24.38rpx;
|
||||
}
|
||||
.ml-11 {
|
||||
margin-left: 20.63rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 30rpx 37.5rpx 785.63rpx;
|
||||
background-image: linear-gradient(180deg, #ff8d1a 0%, #ff8d1a00 31.5%);
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.text {
|
||||
color: #ffffff;
|
||||
font-size: 33.75rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 31.29rpx;
|
||||
}
|
||||
.section {
|
||||
padding: 15rpx 18.75rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.image {
|
||||
width: 35.63rpx;
|
||||
height: 35.63rpx;
|
||||
}
|
||||
.text_2 {
|
||||
color: #b0b0b0;
|
||||
font-size: 30rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 27.94rpx;
|
||||
}
|
||||
.list {
|
||||
padding-top: 22.5rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding: 22.5rpx 7.5rpx 22.5rpx 18.75rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.group {
|
||||
margin-left: 3.75rpx;
|
||||
margin-right: 22.5rpx;
|
||||
}
|
||||
.image_2 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 196.88rpx;
|
||||
height: 125.63rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 31.88rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_3 {
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.34rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 21.49rpx;
|
||||
color: #fc2f35;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 19.24rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 21.49rpx;
|
||||
color: #0ed062;
|
||||
}
|
||||
.text_13 {
|
||||
/* margin-right: 15rpx; */
|
||||
font-size: 28.13rpx;
|
||||
}
|
||||
.text_14 {
|
||||
font-size: 28.13rpx;
|
||||
}
|
Reference in New Issue
Block a user