Merge remote-tracking branch 'origin/master'
# Conflicts: # app.json # pages/personCenter/accountSetting/accountSetting.js # pages/personCenter/mine/mine.wxml
This commit is contained in:
commit
9cd484242c
|
|
@ -12,7 +12,7 @@
|
|||
</view>
|
||||
<text class="self-start font_2 text_3 mt-19">平台服务</text>
|
||||
<view class="flex-col self-stretch list mt-19">
|
||||
<view class="flex-row justify-between items-center list-item">
|
||||
<view class="flex-row justify-between items-center list-item" bind:tap="gotoResetPwd">
|
||||
<text class="font text_4">修改密码</text>
|
||||
<image
|
||||
class="image_2"
|
||||
|
|
|
|||
|
|
@ -8,7 +8,11 @@ Page({
|
|||
items_1: [null, null, null],
|
||||
items: [null, null],
|
||||
},
|
||||
|
||||
gotoSubCommission() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/personCenter/subCommissionSetting/subCommissionSetting',
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row shrink-0 self-start section_2 ml-21">
|
||||
<view class="flex-row shrink-0 self-start section_2 ml-21" bind:tap="gotoSubCommission">
|
||||
<image
|
||||
class="image_4 image_5"
|
||||
src="https://ide.code.fun/api/image?token=68368d354ae84d001230f4d1&name=3e6ca90e00849d7326816d816878d186.png"
|
||||
|
|
|
|||
|
|
@ -0,0 +1,24 @@
|
|||
// pages/personCenter/component/InvitationCodePop/InvitationCodePop.js
|
||||
Component({
|
||||
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
|
||||
}
|
||||
})
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!-- promoPop/promoPop.wxml -->
|
||||
<view>
|
||||
<!-- 遮罩层，点击即可关闭弹窗 -->
|
||||
<view class="promo-mask" wx:if="{{show}}" bindtap="close"></view>
|
||||
|
||||
<!-- 弹窗内容 -->
|
||||
<view class="flex-col page" wx:if="{{show}}">
|
||||
<view class="flex-col self-stretch section">
|
||||
<text class="self-center text">作业码</text>
|
||||
<text class="self-center font text_2 mt-23">引导用户通过扫描此码来完成相应的任务</text>
|
||||
<view class="flex-col self-stretch group mt-23">
|
||||
<image
|
||||
class="self-center image"
|
||||
src="{{qrcode}}"
|
||||
bindtap="previewQrcode"
|
||||
/>
|
||||
<view class="mt-20 flex-col items-start self-stretch">
|
||||
<text class="font text_3">点击二维码放大，长按保存</text>
|
||||
<view class="flex-col justify-start items-center text-wrapper mt-19" bindtap="copyLink">
|
||||
<text class="font text_4">复制推广链接</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 右下角关闭按钮 -->
|
||||
<image
|
||||
class="self-center image_2 mt-21"
|
||||
src="{{closeIcon}}"
|
||||
bindtap="close"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
@import "../../../app.wxss";
|
||||
|
||||
.mt-23 {
|
||||
margin-top: 53.57rpx;
|
||||
}
|
||||
.mt-19 {
|
||||
margin-top: 44.25rpx;
|
||||
}
|
||||
.mt-21 {
|
||||
margin-top: 48.91rpx;
|
||||
}
|
||||
|
||||
/* 遮罩层样式，必须加，确保弹窗浮于上层并居中 */
|
||||
.promo-mask {
|
||||
position: fixed;
|
||||
left: 0; top: 0; right: 0; bottom: 0;
|
||||
background: rgba(0,0,0,0.45); /* 比 0.5 更柔和 */
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
/* 弹窗整体居中 */
|
||||
.page {
|
||||
position: fixed;
|
||||
top: 45%; left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 10000;
|
||||
width: 600rpx; /* 推荐设置定宽，防止弹窗太大 */
|
||||
max-width: 90vw;
|
||||
padding-bottom: 0; /* 去掉原有多余 padding */
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
border-radius: 32rpx;
|
||||
}
|
||||
|
||||
/* 弹窗内部内容区域 */
|
||||
.section {
|
||||
padding: 60rpx 40rpx 40rpx 40rpx; /* 优化内边距 */
|
||||
background-color: #fff9e5;
|
||||
border-radius: 32rpx;
|
||||
box-shadow: 0 16rpx 64rpx 0 rgba(0,0,0,0.15);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.text {
|
||||
color: #ff6f00;
|
||||
font-size: 50rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 64rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.font {
|
||||
font-size: 34rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 48rpx;
|
||||
}
|
||||
.text_2 {
|
||||
color: #ff9800;
|
||||
margin-top: 16rpx;
|
||||
font-size: 26rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.group {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
.image {
|
||||
width: 300rpx;
|
||||
height: 300rpx;
|
||||
margin: 40rpx auto 0;
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 4rpx 24rpx rgba(255, 111, 0, 0.08);
|
||||
background: #fff;
|
||||
display: block;
|
||||
}
|
||||
.text_3 {
|
||||
color: #000;
|
||||
line-height: 40rpx;
|
||||
margin-top: 16rpx;
|
||||
font-size: 28rpx;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin: 32rpx auto 0;
|
||||
padding: 22rpx 0;
|
||||
background-color: #ffb300;
|
||||
border-radius: 93.17rpx;
|
||||
width: 280rpx;
|
||||
text-align: center;
|
||||
box-shadow: 0 4rpx 12rpx rgba(255,179,0,0.07);
|
||||
cursor: pointer;
|
||||
}
|
||||
.text_4 {
|
||||
color: #fff;
|
||||
line-height: 36rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 关闭按钮右下角浮动 */
|
||||
.image_2 {
|
||||
width: 67.55rpx;
|
||||
height: 67.55rpx;
|
||||
position: absolute;
|
||||
bottom: -100rpx;
|
||||
z-index: 10100;
|
||||
cursor: pointer;
|
||||
}
|
||||
24
pages/personCenter/component/commissionPop/commissionPop.js
Normal file
24
pages/personCenter/component/commissionPop/commissionPop.js
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
// pages/personCenter/component/commissionPop/commissionPop.js
|
||||
Component({
|
||||
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
|
||||
}
|
||||
})
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<view class="flex-col section">
|
||||
<text class="self-center text">一键设置</text>
|
||||
<view class="flex-col self-stretch mt-36">
|
||||
<view class="flex-row justify-between items-baseline self-stretch">
|
||||
<input class="font text_2" placeholder="请设置抽佣比例" />
|
||||
<text class="font text_3">%</text>
|
||||
</view>
|
||||
<view class="self-start group mt-17">
|
||||
<text class="font_2 text_4">注意：最高抽成比例</text>
|
||||
<text class="font_2 text_5">5%</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center self-center text-wrapper mt-17">
|
||||
<text class="font_2 text_6">确认设置</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
.mt-17 {
|
||||
margin-top: 31.88rpx;
|
||||
}
|
||||
.section {
|
||||
margin-left: 52.5rpx;
|
||||
margin-right: 50.63rpx;
|
||||
padding: 44.04rpx 38.44rpx 41.25rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text {
|
||||
color: #000000;
|
||||
font-size: 30rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 27.84rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
color: #000000;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 24.34rpx;
|
||||
}
|
||||
.text_3 {
|
||||
margin-right: 9.28rpx;
|
||||
line-height: 19.93rpx;
|
||||
}
|
||||
.group {
|
||||
line-height: 21.06rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 21.06rpx;
|
||||
}
|
||||
.text_4 {
|
||||
color: #000000;
|
||||
}
|
||||
.text_5 {
|
||||
color: #ff5733;
|
||||
line-height: 17.08rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 20.85rpx 0 16.44rpx;
|
||||
background-color: #ff8d1a;
|
||||
border-radius: 93.75rpx;
|
||||
width: 255rpx;
|
||||
}
|
||||
.text_6 {
|
||||
color: #ffffff;
|
||||
line-height: 20.83rpx;
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
// pages/personCenter/component/commissionRatePop/commissionRatePop.js
|
||||
Component({
|
||||
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
|
||||
}
|
||||
})
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -1,18 +1,17 @@
|
|||
<view class="flex-col justify-start page">
|
||||
<view class="flex-row justify-between items-center section">
|
||||
<view class="flex-row items-end">
|
||||
<view class="flex-col shrink-0 group">
|
||||
<text class="self-start font text">cy</text>
|
||||
<text class="mt-16 self-start font text_2">微信号</text>
|
||||
<text class="mt-16 self-stretch font text_3">联系电话 15123967648</text>
|
||||
<view class="flex-row justify-between section">
|
||||
<view class="flex-col self-center">
|
||||
<text class="self-start text">CHENXINZHI</text>
|
||||
<view class="flex-row items-center self-stretch mt-53">
|
||||
<text class="text_2">联系电话 15123967648</text>
|
||||
<image
|
||||
class="shrink-0 image_2 ml-6"
|
||||
src="./images/sjh.png"
|
||||
/>
|
||||
</view>
|
||||
<image
|
||||
class="shrink-0 image_2 ml-21"
|
||||
src="./images/sjh.png"
|
||||
/>
|
||||
</view>
|
||||
<image
|
||||
class="image"
|
||||
class="self-start image"
|
||||
src="./images/logo.png"
|
||||
/>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,6 @@
|
|||
.mt-53 {
|
||||
margin-top: 99.38rpx;
|
||||
}
|
||||
.ml-21 {
|
||||
margin-left: 39.38rpx;
|
||||
}
|
||||
|
|
@ -11,33 +14,28 @@
|
|||
}
|
||||
.section {
|
||||
margin: 0 41.25rpx;
|
||||
padding: 33.75rpx 30rpx 60rpx;
|
||||
padding: 45rpx 33.75rpx 33.75rpx;
|
||||
background-color: #ffead4;
|
||||
border-radius: 14.1rpx;
|
||||
}
|
||||
.group {
|
||||
width: 248.04rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
color: #000000;
|
||||
}
|
||||
.text {
|
||||
line-height: 20.76rpx;
|
||||
color: #000000;
|
||||
font-size: 30rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 22.76rpx;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 24.23rpx;
|
||||
}
|
||||
.text_3 {
|
||||
color: #000000;
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 31.88rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
width: 27.5rpx;
|
||||
height: 27.5rpx;
|
||||
}
|
||||
.image {
|
||||
margin-right: 11.25rpx;
|
||||
margin-top: 11.25rpx;
|
||||
width: 121.88rpx;
|
||||
height: 121.88rpx;
|
||||
}
|
||||
|
|
@ -2,22 +2,23 @@
|
|||
<view class="flex-col relative section">
|
||||
<view class="flex-row justify-between items-center group">
|
||||
<view class="flex-col">
|
||||
<text class="self-start font text">{{ nickName }}</text>
|
||||
<text class="self-start font text">qingcheng</text>
|
||||
<view class="flex-row items-center self-stretch group_2 mt-9">
|
||||
<image
|
||||
class="image_3"
|
||||
src="./images/dianhua.png"
|
||||
mode="aspectFill"
|
||||
/>
|
||||
<text class="font_2 text_2 ml-7">{{ phoneNumber }}</text>
|
||||
<text class="font_2 text_2 ml-7">15214547473</text>
|
||||
</view>
|
||||
<view class="flex-row items-center self-stretch section_2 mt-9">
|
||||
<text class="font_3 text_3">邀请码：123445</text>
|
||||
<image
|
||||
class="shrink-0 image_4"
|
||||
src="./images/fuzhi.png"
|
||||
mode="aspectFill"
|
||||
/>
|
||||
<text class="font_3 text_3">邀请码：{{ invitationCode }}</text>
|
||||
<text class="font_3 text_3">邀请码：123445</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col items-center" bind:tap="erweima">
|
||||
|
|
@ -33,7 +34,7 @@
|
|||
<view class="flex-row justify-between items-center group_4">
|
||||
<view class="group_5">
|
||||
<text class="font_2 text_6">当前金额：</text>
|
||||
<text class="text_5">￥{{ currentBalance }}</text>
|
||||
<text class="text_5">￥5.00</text>
|
||||
</view>
|
||||
<view class="flex-row items-center section_3" bind:tap="lijitixian">
|
||||
<image
|
||||
|
|
@ -46,15 +47,15 @@
|
|||
<view class="flex-row items-start equal-division section_4">
|
||||
<view class="flex-col items-center equal-division-item_8">
|
||||
<text class="font_2 text_8">提现中</text>
|
||||
<text class="font_4 mt-15">￥{{ withdrawalAmount }}</text>
|
||||
<text class="font_4 mt-15">￥0.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center group_6 equal-division-item">
|
||||
<text class="font_2 text_9">已提现</text>
|
||||
<text class="font_4 mt-15">￥{{ withdrawnAmount }}</text>
|
||||
<text class="font_4 mt-15">￥0.00</text>
|
||||
</view>
|
||||
<view class="flex-col items-center group_7 equal-division-item_8">
|
||||
<text class="font_2 text_10">累计收入</text>
|
||||
<text class="font_4 mt-15">￥{{ totalIncome }}</text>
|
||||
<text class="font_4 mt-15">￥0.00</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -57,14 +57,14 @@
|
|||
line-height: 17.08rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 10.5rpx 23.13rpx 10.5rpx 14.03rpx;
|
||||
padding: 10.5rpx 14.03rpx 10.5rpx 14.03rpx;
|
||||
background-color: #fff6de;
|
||||
border-radius: 31.26rpx;
|
||||
}
|
||||
.image_4 {
|
||||
margin-left: 169.72rpx;
|
||||
width: 24.38rpx;
|
||||
height: 24.38rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 22.5rpx;
|
||||
|
|
@ -73,8 +73,6 @@
|
|||
color: #ff8d1a;
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: -194.1rpx;
|
||||
margin-right: 21.6rpx;
|
||||
line-height: 20.68rpx;
|
||||
}
|
||||
.image_2 {
|
||||
|
|
|
|||
66
pages/personCenter/resetPwd/resetPwd.js
Normal file
66
pages/personCenter/resetPwd/resetPwd.js
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
// pages/personCenter/resetPwd/resetPwd.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
3
pages/personCenter/resetPwd/resetPwd.json
Normal file
3
pages/personCenter/resetPwd/resetPwd.json
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
13
pages/personCenter/resetPwd/resetPwd.wxml
Normal file
13
pages/personCenter/resetPwd/resetPwd.wxml
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<view class="flex-col page">
|
||||
<view class="flex-col section">
|
||||
<text class="self-start font text">15888610253</text>
|
||||
<view class="flex-row justify-between self-stretch group">
|
||||
<input class="font text_2" placeholder="验证码" />
|
||||
<text class="font text_3">获取验证码</text>
|
||||
</view>
|
||||
<input class="text_1 font" placeholder="密码" />
|
||||
<view class="self-stretch divider"></view>
|
||||
<input class="text_8 font text_4" placeholder="再输入密码" />
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper mt-20"><text class="font text_5">重置密码</text></view>
|
||||
</view>
|
||||
63
pages/personCenter/resetPwd/resetPwd.wxss
Normal file
63
pages/personCenter/resetPwd/resetPwd.wxss
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
.page {
|
||||
padding: 68.7rpx 47.71rpx 977.1rpx 47.71rpx;
|
||||
background-image: linear-gradient(180deg, #ffa64d 0%, #f5f5f5 30.1%);
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
padding: 42.06rpx 32.44rpx 31.89rpx 32.44rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 19.08rpx;
|
||||
}
|
||||
.group {
|
||||
margin-top: 28.28rpx;
|
||||
padding: 29.43rpx 0 26.18rpx;
|
||||
border-top: solid 1.91rpx #e3e3e3;
|
||||
border-bottom: solid 1.91rpx #e3e3e3;
|
||||
}
|
||||
.text_1 {
|
||||
align-self: flex-start;
|
||||
margin-top: 31.26rpx;
|
||||
}
|
||||
.divider {
|
||||
margin-top: 28.19rpx;
|
||||
background-color: #e3e3e3;
|
||||
height: 1.91rpx;
|
||||
}
|
||||
.text_8 {
|
||||
align-self: flex-start;
|
||||
margin-top: 27.44rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30.53rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 28.34rpx;
|
||||
color: #8c8c8c;
|
||||
}
|
||||
.text_3 {
|
||||
color: #ff8d1a;
|
||||
line-height: 28.36rpx;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 28.13rpx;
|
||||
}
|
||||
.text {
|
||||
margin-left: 2.69rpx;
|
||||
color: #000000;
|
||||
line-height: 23.17rpx;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 28.45rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin-left: 45.8rpx;
|
||||
margin-right: 43.89rpx;
|
||||
padding: 24.58rpx 0 19.6rpx;
|
||||
background-color: #ff8d1a;
|
||||
border-radius: 67.46rpx;
|
||||
}
|
||||
.text_5 {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
|
@ -5,7 +5,8 @@ Page({
|
|||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
items: [null, null, null, null, null, null, null],
|
||||
items_1: [null, null, null],
|
||||
items: [null, null],
|
||||
},
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<view class="flex-col page">
|
||||
<view class="flex-row justify-between items-center group">
|
||||
<view class="flex-row justify-between items-center">
|
||||
<text class="font text">代理列表</text>
|
||||
<view class="flex-row items-center section">
|
||||
<image
|
||||
|
|
@ -9,33 +9,32 @@
|
|||
<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 class="flex-col mt-16">
|
||||
<view class="flex-col list-item_1 mt-23" wx:for="{{items}}" wx:for-item="item" wx:for-index="index" wx:key="index">
|
||||
<text class="self-start font_2 text_3">结算标准：张新然</text>
|
||||
<view class="flex-col self-stretch section_3 mt-17">
|
||||
<view class="flex-row justify-between items-center">
|
||||
<text class="font_3 text_4">结算标准</text>
|
||||
<text class="font_4">代理单价/比例</text>
|
||||
<text class="font_3">设置价格</text>
|
||||
</view>
|
||||
<view class="flex-col mt-19">
|
||||
<view
|
||||
class="flex-row items-center list-item mt-13"
|
||||
wx:for="{{items_1}}"
|
||||
wx:for-item="item"
|
||||
wx:for-index="index"
|
||||
wx:key="index"
|
||||
>
|
||||
<text class="font_5 text_5">3.6元购买30元</text>
|
||||
<text class="shrink-0 font_2 text_8">0.30/0.00%</text>
|
||||
<view class="flex-row shrink-0 group_2">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=68368d354ae84d001230f4d1&name=2994ec01c6859d93ce653a6cb3d50301.png"
|
||||
/>
|
||||
<text class="font_6 text_7">设价</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -1,20 +1,26 @@
|
|||
.ml-7 {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
.mt-23 {
|
||||
margin-top: 43.13rpx;
|
||||
}
|
||||
.mt-17 {
|
||||
margin-top: 31.88rpx;
|
||||
}
|
||||
.mt-19 {
|
||||
margin-top: 35.63rpx;
|
||||
}
|
||||
.mt-13 {
|
||||
margin-top: 24.38rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 0 24.38rpx 1028.44rpx;
|
||||
padding: 39.38rpx 24.38rpx 510rpx;
|
||||
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;
|
||||
|
|
@ -38,14 +44,13 @@
|
|||
color: #999999;
|
||||
line-height: 27.96rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 0 30rpx 45rpx 31.88rpx;
|
||||
.list-item_1 {
|
||||
padding: 37.93rpx 30rpx 35.63rpx 31.88rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-right: 2.98rpx;
|
||||
padding: 37.33rpx 0 24.04rpx;
|
||||
.list-item_1:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
|
|
@ -54,46 +59,27 @@
|
|||
color: #000000;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 24.3rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 31.88rpx;
|
||||
color: #000000;
|
||||
line-height: 24.49rpx;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 40.22rpx 31.69rpx 27.86rpx 34.82rpx;
|
||||
padding: 40.14rpx 31.69rpx 25.61rpx 34.52rpx;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 10.05rpx;
|
||||
}
|
||||
.group_3 {
|
||||
padding-left: 25.73rpx;
|
||||
}
|
||||
.font_4 {
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.41rpx;
|
||||
color: #6b6b6b;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 23.87rpx;
|
||||
line-height: 24.3rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 25.73rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.text_5 {
|
||||
color: #707070;
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 26.79rpx;
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
color: #707070;
|
||||
}
|
||||
.list-item {
|
||||
margin-right: 18.94rpx;
|
||||
|
|
@ -101,13 +87,21 @@
|
|||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.text_6 {
|
||||
width: 105rpx;
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 31.88rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_9 {
|
||||
.text_5 {
|
||||
width: 114.38rpx;
|
||||
}
|
||||
.text_8 {
|
||||
margin-left: 111.79rpx;
|
||||
line-height: 25.54rpx;
|
||||
}
|
||||
.group_5 {
|
||||
.group_2 {
|
||||
margin-left: 149.81rpx;
|
||||
width: 75.75rpx;
|
||||
}
|
||||
.image_2 {
|
||||
|
|
@ -115,12 +109,12 @@
|
|||
width: 24.38rpx;
|
||||
height: 24.38rpx;
|
||||
}
|
||||
.font_5 {
|
||||
.font_6 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.41rpx;
|
||||
color: #ff8d1a;
|
||||
}
|
||||
.text_8 {
|
||||
.text_7 {
|
||||
margin-left: -75.75rpx;
|
||||
}
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
}
|
||||
.page {
|
||||
padding: 62.98rpx 32.44rpx 778.63rpx 34.35rpx;
|
||||
background-image: linear-gradient(180deg, #ffa64d 0%, #f5f5f500 30.1%);
|
||||
background-image: linear-gradient(180deg, #ffa64d 0%, #f5f5f5 30.1%);
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
|
|
|
|||
|
|
@ -85,7 +85,7 @@ Page({
|
|||
// “结算明细”跳转
|
||||
goToSettlementDetail() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/settlementDetail/settlementDetail' // 替换为你的页面路径
|
||||
url: '/pages/projectModule/subSettlement/subSettlement' // 替换为你的页面路径
|
||||
});
|
||||
},
|
||||
|
||||
|
|
|
|||
66
pages/projectModule/settlement/settlement.js
Normal file
66
pages/projectModule/settlement/settlement.js
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
// pages/projectModule/settlement/settlement.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
items: [null, null],
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
3
pages/projectModule/settlement/settlement.json
Normal file
3
pages/projectModule/settlement/settlement.json
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
41
pages/projectModule/settlement/settlement.wxml
Normal file
41
pages/projectModule/settlement/settlement.wxml
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<view class="flex-col page">
|
||||
<view class="flex-col justify-start items-start text-wrapper"><text class="text">项目：饿了么-超吃卡</text></view>
|
||||
<view class="flex-col mt-11">
|
||||
<view class="flex-col list-item mt-20" wx:for="{{items}}" wx:for-item="item" wx:for-index="index" wx:key="index">
|
||||
<view class="flex-row items-center group">
|
||||
<view class="flex-row items-center flex-1">
|
||||
<image
|
||||
class="shrink-0 image"
|
||||
src="https://ide.code.fun/api/image?token=68368d354ae84d001230f4d1&name=1ca23eeec01596125d5539fcda13702d.png"
|
||||
/>
|
||||
<text class="font text_2 ml-14">美团神券包-春季活动</text>
|
||||
</view>
|
||||
<text class="font text_3 ml-21">业务员：陈新知</text>
|
||||
</view>
|
||||
<view class="flex-col section">
|
||||
<view class="flex-row justify-between">
|
||||
<text class="font_2">结算标准</text>
|
||||
<text class="font_2 text_4">结算数量</text>
|
||||
<text class="font_2 text_5">结算收益</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start group_2 mt-10">
|
||||
<view class="flex-row justify-center items-center relative section_2">
|
||||
<text class="font_3 text_6 pos">3.6元购买券</text>
|
||||
<text class="font_4">10</text>
|
||||
<text class="font_5 pos_2">￥3.00</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row group_1">
|
||||
<view class="group_3">
|
||||
<text class="font_6 text_7">作业时间：</text>
|
||||
<text class="font_5">2025-05-20</text>
|
||||
</view>
|
||||
<view class="group_4 ml-47">
|
||||
<text class="font_6">结算时间：</text>
|
||||
<text class="font_5">2025-05-22</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
139
pages/projectModule/settlement/settlement.wxss
Normal file
139
pages/projectModule/settlement/settlement.wxss
Normal file
|
|
@ -0,0 +1,139 @@
|
|||
.mt-11 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.ml-21 {
|
||||
margin-left: 39.38rpx;
|
||||
}
|
||||
.ml-47 {
|
||||
margin-left: 88.13rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 50.63rpx 24.38rpx 608.44rpx;
|
||||
background-image: linear-gradient(180deg, #ff8d1a -7.3%, #f5f5f5 39.3%);
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 59.94rpx 0 54.69rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text {
|
||||
margin-left: 32.63rpx;
|
||||
color: #000000;
|
||||
font-size: 30rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding-left: 31.88rpx;
|
||||
padding-right: 24.68rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.group {
|
||||
padding: 30rpx 0 26.25rpx;
|
||||
}
|
||||
.image {
|
||||
width: 108.75rpx;
|
||||
height: 108.75rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.3rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 24.52rpx;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 24.47rpx;
|
||||
}
|
||||
.section {
|
||||
margin-right: 5.32rpx;
|
||||
padding: 36.39rpx 19.5rpx 16.88rpx 35.63rpx;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 10.28rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.3rpx;
|
||||
color: #6b6b6b;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 24.36rpx;
|
||||
}
|
||||
.text_5 {
|
||||
margin-right: 9.71rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-right: 14.27rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 39rpx 0 36.69rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-color: #ffffff00;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 31.88rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_6 {
|
||||
width: 103.13rpx;
|
||||
}
|
||||
.pos {
|
||||
/* position: absolute;
|
||||
left: 0.99rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%); */
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 19.93rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 19.93rpx;
|
||||
color: #ff8d1a;
|
||||
}
|
||||
.pos_2 {
|
||||
/* position: absolute;
|
||||
right: -14.23rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%); */
|
||||
}
|
||||
.group_1 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 33.32rpx 0 34.26rpx;
|
||||
}
|
||||
.group_3 {
|
||||
line-height: 24.04rpx;
|
||||
height: 24.04rpx;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.3rpx;
|
||||
color: #808080;
|
||||
}
|
||||
.text_7 {
|
||||
line-height: 24.04rpx;
|
||||
}
|
||||
.group_4 {
|
||||
line-height: 24.3rpx;
|
||||
height: 24.3rpx;
|
||||
}
|
||||
66
pages/projectModule/subSettlement/subSettlement.js
Normal file
66
pages/projectModule/subSettlement/subSettlement.js
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
// pages/projectModule/settlement/settlement.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
items: [null, null],
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
3
pages/projectModule/subSettlement/subSettlement.json
Normal file
3
pages/projectModule/subSettlement/subSettlement.json
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
41
pages/projectModule/subSettlement/subSettlement.wxml
Normal file
41
pages/projectModule/subSettlement/subSettlement.wxml
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<view class="flex-col page">
|
||||
<view class="flex-col justify-start items-start text-wrapper"><text class="text">业务员：陈新知</text></view>
|
||||
<view class="flex-col mt-11">
|
||||
<view class="flex-col list-item mt-20" wx:for="{{items}}" wx:for-item="item" wx:for-index="index" wx:key="index">
|
||||
<view class="flex-row items-center group">
|
||||
<view class="flex-row items-center flex-1">
|
||||
<image
|
||||
class="shrink-0 image"
|
||||
src="https://ide.code.fun/api/image?token=68368d354ae84d001230f4d1&name=1ca23eeec01596125d5539fcda13702d.png"
|
||||
/>
|
||||
<text class="font text_2 ml-14">美团神券包-春季活动</text>
|
||||
</view>
|
||||
<text class="font text_3 ml-21">业务员：陈新知</text>
|
||||
</view>
|
||||
<view class="flex-col section">
|
||||
<view class="flex-row justify-between">
|
||||
<text class="font_2">结算标准</text>
|
||||
<text class="font_2 text_4">结算数量</text>
|
||||
<text class="font_2 text_5">结算收益</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start group_2 mt-10">
|
||||
<view class="flex-row justify-center items-center relative section_2">
|
||||
<text class="font_3 text_6 pos">3.6元购买券</text>
|
||||
<text class="font_4">10</text>
|
||||
<text class="font_5 pos_2">￥3.00</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row group_1">
|
||||
<view class="group_3">
|
||||
<text class="font_6 text_7">作业时间：</text>
|
||||
<text class="font_5">2025-05-20</text>
|
||||
</view>
|
||||
<view class="group_4 ml-47">
|
||||
<text class="font_6">结算时间：</text>
|
||||
<text class="font_5">2025-05-22</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
139
pages/projectModule/subSettlement/subSettlement.wxss
Normal file
139
pages/projectModule/subSettlement/subSettlement.wxss
Normal file
|
|
@ -0,0 +1,139 @@
|
|||
.mt-11 {
|
||||
margin-top: 20.63rpx;
|
||||
}
|
||||
.ml-21 {
|
||||
margin-left: 39.38rpx;
|
||||
}
|
||||
.ml-47 {
|
||||
margin-left: 88.13rpx;
|
||||
}
|
||||
.page {
|
||||
padding: 50.63rpx 24.38rpx 608.44rpx;
|
||||
background-image: linear-gradient(180deg, #ff8d1a -7.3%, #f5f5f5 39.3%);
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 59.94rpx 0 54.69rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text {
|
||||
margin-left: 32.63rpx;
|
||||
color: #000000;
|
||||
font-size: 30rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 27.86rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding-left: 31.88rpx;
|
||||
padding-right: 24.68rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.group {
|
||||
padding: 30rpx 0 26.25rpx;
|
||||
}
|
||||
.image {
|
||||
width: 108.75rpx;
|
||||
height: 108.75rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.3rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 24.52rpx;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 24.47rpx;
|
||||
}
|
||||
.section {
|
||||
margin-right: 5.32rpx;
|
||||
padding: 36.39rpx 19.5rpx 16.88rpx 35.63rpx;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 10.28rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.3rpx;
|
||||
color: #6b6b6b;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 24.36rpx;
|
||||
}
|
||||
.text_5 {
|
||||
margin-right: 9.71rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-right: 14.27rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 39rpx 0 36.69rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-color: #ffffff00;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 31.88rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_6 {
|
||||
width: 103.13rpx;
|
||||
}
|
||||
.pos {
|
||||
/* position: absolute;
|
||||
left: 0.99rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%); */
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 19.93rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 19.93rpx;
|
||||
color: #ff8d1a;
|
||||
}
|
||||
.pos_2 {
|
||||
/* position: absolute;
|
||||
right: -14.23rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%); */
|
||||
}
|
||||
.group_1 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 33.32rpx 0 34.26rpx;
|
||||
}
|
||||
.group_3 {
|
||||
line-height: 24.04rpx;
|
||||
height: 24.04rpx;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 24.3rpx;
|
||||
color: #808080;
|
||||
}
|
||||
.text_7 {
|
||||
line-height: 24.04rpx;
|
||||
}
|
||||
.group_4 {
|
||||
line-height: 24.3rpx;
|
||||
height: 24.3rpx;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user