dlh/shop_uniapp
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: dlh:master
Branches Tags
dlh:master
dlh:分销页面改版
dlh:首页改版
...
pull from: dlh:分销页面改版
Branches Tags
dlh:分销页面改版
dlh:master
dlh:首页改版

1 Commits
master ... 分销页面改版

Author SHA1 Message Date
wangxiaowei
34a6d1cdec 修改分销页面样式 2025-01-05 14:29:12 +08:00
1 changed files with 66 additions and 42 deletions
Show Stats Expand all files Collapse all files

108
bundle/pages/user_spread/user_spread.vue
View File

@ -15,13 +15,18 @@
</view> </view>
<view class="avatar-tag white xxs text-center m-b-10" v-if="distributionInfo.level_name"> <view class="avatar-tag white xxs text-center m-b-10" v-if="distributionInfo.level_name">
{{distributionInfo.level_name}}</view> {{distributionInfo.level_name}}</view>
<view class="xs flex"> <view class="xs flex bold">
上级分销商：{{userInfo.leader.nickname ? userInfo.leader.nickname : '东龙汇'}} 上级分销商：{{userInfo.leader.nickname ? userInfo.leader.nickname : '东龙汇'}}
<view v-if="!userInfo.leader.nickname" <view v-if="!userInfo.leader.nickname"
class="br60 white write-btn flex row-center m-l-30 xxs" @tap="showInvitePop">填写 class="br60 white write-btn flex row-center m-l-30 xxs" @tap="showInvitePop">填写
</view> </view>
</view> </view>
</view> </view>
<view class="flex service">
<view class="m-r-10">整合资源</view>
<view class="m-r-10">流量变现</view>
<view class="m-r-10">专业服务</view>
</view>
</view> </view>
</view> </view>
@ -244,42 +249,37 @@
<!-- 已申请 --> <!-- 已申请 -->
<view v-if="vipState==2" class="user-vip"> <view v-if="vipState==2" class="user-vip">
<view class="user-assets-box"> <view class="user-assets-box">
<view class="user-assets-header flex row-between">
<view class="flex nr bold" style="line-height: 80rpx;color: #8F430E;">
可提现佣金：
<price-format weight="bold" :first-size="36" :subscript-size="26" :second-size="36"
:price="distributionInfo.able_withdrawal" :color="colorConfig.primary" />
</view>
<navigator hover-class="none" class="primary-btn white flex row-center"
url="/bundle/pages/user_withdraw/user_withdraw">立即提现</navigator>
</view>
<view class="user-assets-content flex flex-wrap"> <view class="user-assets-content flex flex-wrap">
<!-- <view class="user-item flex-col col-center"> <view class="user-item flex-col col-center">
<tool-tip v-if="false" class="m-t-20" id="today-profit" content="今日预估收益金额" <view class="nr user-assets-name flex" style="color: #000">
style="position: absolute;right: -66rpx;"></tool-tip> 今日收入
<view class="nr user-assets-name flex" style="color: #8F430E"> </view>
今日预估收益 --> <view class="assets">
<!-- <u-icon class="ml10" name="question-circle" size="30rpx" color="#D88D5A" /> -->
<!-- </view>
<view class="assets m-l-20">
<price-format weight="bold" :first-size="36" :subscript-size="26" :second-size="36" <price-format weight="bold" :first-size="36" :subscript-size="26" :second-size="36"
:price="distributionInfo.today_earnings" :color="colorConfig.primary" /> :price="distributionInfo.today_earnings" :color="colorConfig.primary" />
</view> </view>
</view> --> </view>
<!-- <view class="user-item flex-col col-center"> <view class="user-item flex-col col-center">
<view class="nr user-assets-name flex" style="color: #8F430E"> <view class="nr user-assets-name flex lg" style="color: #000">
本月预估收益 --> 本月收入
<!-- <u-icon class="ml10" name="question-circle" size="30rpx" color="#D88D5A" /> --> </view>
<!-- </view> <view class="assets">
<view class="assets m-l-20">
<price-format weight="bold" :first-size="36" :subscript-size="26" :second-size="36" <price-format weight="bold" :first-size="36" :subscript-size="26" :second-size="36"
:price="distributionInfo.month_earnings" :color="colorConfig.primary" /> :price="distributionInfo.month_earnings" :color="colorConfig.primary" />
</view> </view>
</view> --> </view>
<view class="user-item flex-col col-center"> <view class="user-item flex-col col-center lg">
<view class="nr user-assets-name flex" style="color: #8F430E"> <view class="nr user-assets-name flex" style="color: #000">
累计获得收益 本年收入
<!-- <u-icon class="ml10" name="question-circle" size="30rpx" color="#D88D5A" /> --> </view>
<view class="assets">
<price-format weight="bold" :first-size="36" :subscript-size="26" :second-size="36"
:price="distributionInfo.month_earnings" :color="colorConfig.primary" />
</view>
</view>
<view class="user-item flex-col col-center lg">
<view class="nr user-assets-name flex" style="color: #000">
累计收益
</view> </view>
<view class="assets"> <view class="assets">
<price-format weight="bold" :first-size="36" :subscript-size="26" :second-size="36" <price-format weight="bold" :first-size="36" :subscript-size="26" :second-size="36"
@ -287,6 +287,20 @@
</view> </view>
</view> </view>
</view> </view>
<view class="user-assets-header flex row-between m-t-20" style="padding: 0 30rpx;">
<view class="nr" style="line-height: 40rpx;color: #000;">
<view>
可提现佣金
</view>
<price-format weight="bold" :first-size="36" :subscript-size="26" :second-size="36"
:price="distributionInfo.able_withdrawal" :color="colorConfig.primary"/>
</view>
<view >
<navigator hover-class="none" class="primary-btn white flex row-center"
url="/bundle/pages/user_withdraw/user_withdraw">立即提现</navigator>
</view>
</view>
</view> </view>
<view class="mt20 fans-msg-box flex row-between bg-white md"> <view class="mt20 fans-msg-box flex row-between bg-white md">
<router-link class="flex-1" to="/bundle/pages/user_spread_store/user_spread_store"> <router-link class="flex-1" to="/bundle/pages/user_spread_store/user_spread_store">
@ -966,11 +980,14 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.user-spread { .user-spread {
background-image: url(../../static/spread_top_bg.png); // background-image: url(../../static/spread_top_bg.png);
background-repeat: no-repeat; // background-repeat: no-repeat;
background-size: 100% auto; // background-size: 100% auto;
background-color: #000;
height: 300rpx;
.header { .header {
position: relative;
.user-info { .user-info {
.user-avatar { .user-avatar {
@ -979,11 +996,11 @@
.avatar-tag { .avatar-tag {
display: inline-block; display: inline-block;
background-color: #F79C0C; background-color: #E1C38E;
border: 1rpx solid #FFFFFF;
border-radius: 100rpx; border-radius: 100rpx;
line-height: 32rpx; line-height: 32rpx;
padding: 0 10rpx; padding: 4rpx 16rpx;
color: #000;
} }
.user-message { .user-message {
@ -993,6 +1010,13 @@
background-color: #FF838D; background-color: #FF838D;
} }
} }
.service {
position: absolute;
top: 20rpx;
right: 0;
color: #fff;
}
} }
} }
@ -1004,10 +1028,10 @@
background-color: #fff; background-color: #fff;
border-radius: 20rpx; border-radius: 20rpx;
padding: 10rpx 20rpx 22rpx; padding: 10rpx 20rpx 22rpx;
background: linear-gradient(90deg, #FBEFDB 0%, #FED09E 100%); // background: linear-gradient(90deg, #FBEFDB 0%, #FED09E 100%);
background: #E1C38E;
.user-assets-header { .user-assets-header {
border-bottom: 1rpx dashed #8F430E;
padding-bottom: 4rpx; padding-bottom: 4rpx;
.primary-btn { .primary-btn {
@ -1026,14 +1050,14 @@
position: relative; position: relative;
.user-assets-name { .user-assets-name {
text-align: left; // text-align: left;
align-self: flex-start; align-self: center;
} }
.assets { .assets {
margin-top: 14rpx; margin-top: 14rpx;
text-align: left; // text-align: left;
align-self: flex-start; align-self: center;
} }
} }
} }