Browse Source

refactor(workbench): 统一分成比例显示样式并优化图片组件

- 在多个页面中统一分成比例的显示样式,移除冗余文本
- 将up-image组件替换为原生image组件并添加样式
- 添加条件渲染和透明背景以优化显示效果
master
前端-胡立永 1 week ago
parent
commit
1ffbfeb03a
4 changed files with 42 additions and 19 deletions
  1. +6
    -4
      otherPages/workbenchManage/bindUser/index.vue
  2. +17
    -9
      otherPages/workbenchManage/myUser/index.vue
  3. +10
    -1
      otherPages/workbenchManage/myWallet/index.vue
  4. +9
    -5
      pages/workbenchManage/index.vue

+ 6
- 4
otherPages/workbenchManage/bindUser/index.vue View File

@ -18,11 +18,13 @@
{{ baseInfo.partner_level }}
</view>
<view class="flex font24">
<view :style="{color:'#A55822'}" v-if="baseInfo.partner_new_num">当前分成比例
<text :style="{color:'#C12525'}">{{baseInfo.partner_new_num}}</text>
<view
style="margin-right: 20rpx;"
:style="{color:'#A55822'}" v-if="baseInfo.partner_new_num">
当前分成比例<text :style="{color:'#C12525'}">{{baseInfo.partner_new_num}}</text>
</view>
<view :style="{color:'#A55822'}" v-if="baseInfo.partner_upgrade_num">晋级后分成比例
<text :style="{color:'#C12525'}">{{baseInfo.partner_upgrade_num}}</text>
<view :style="{color:'#A55822'}" v-if="baseInfo.partner_upgrade_num">
晋级后分成比例<text :style="{color:'#C12525'}">{{baseInfo.partner_upgrade_num}}</text>
</view>
</view>
</view>


+ 17
- 9
otherPages/workbenchManage/myUser/index.vue View File

@ -1,8 +1,9 @@
<template>
<view class="bind-user">
<view class="bind-user-header">
<view class="flex mb28">
<up-image width="120rpx" height="120rpx" :src="state.baseInfo.info.userImage" shape="circle"></up-image>
<view class="flex mb28" v-if="state.baseInfo && state.baseInfo.info">
<up-image width="120rpx" height="120rpx"
:src="state.baseInfo.info.userImage" shape="circle"></up-image>
<view class="header-name">
<view class="font32 mb20 color-040">{{ state.baseInfo.info.userName }}</view>
<view class="label1" v-if="state.baseInfo.partner_level">
@ -18,11 +19,13 @@
高级伴宠师
</view> -->
<view class="flex font24">
<view :style="{color:'#A55822'}" v-if="state.baseInfo.partner_new_num">当前分成比例
<text :style="{color:'#C12525'}">{{state.baseInfo.partner_new_num}}</text>
<view
style="margin-right: 20rpx;"
:style="{color:'#A55822'}" v-if="state.baseInfo.partner_new_num">
当前分成比例<text :style="{color:'#C12525'}">{{state.baseInfo.partner_new_num}}</text>
</view>
<view :style="{color:'#A55822'}" v-if="state.baseInfo.partner_upgrade_num">晋级后分成比例
<text :style="{color:'#C12525'}">{{state.baseInfo.partner_upgrade_num}}</text>
<view :style="{color:'#A55822'}" v-if="state.baseInfo.partner_upgrade_num">
晋级后分成比例<text :style="{color:'#C12525'}">{{state.baseInfo.partner_upgrade_num}}</text>
</view>
</view>
<!-- <view class="color-a55 size-24 mt16" v-html="state.baseInfo.level_details">
@ -59,8 +62,14 @@
</view>
</view>
</view>
<view style="margin-top: 17rpx; padding: 15rpx 29rpx; background-color: #FFF4E6; border-radius: 16rpx;" >
<up-parse :content="configList.cumulative_reward_statement.paramValueArea" containerStyle="{
<view
v-if="state.state == 1"
style="margin-top: 17rpx;
padding: 15rpx 29rpx;
background-color: #FFF4E6;
border-radius: 16rpx;" >
<up-parse :content="configList.cumulative_reward_statement.paramValueArea"
containerStyle="{
color: '#A55822',
fontSize: '22rpx',
lineHeight: '29rpx',
@ -139,7 +148,6 @@ const getBaseInfo = () => {
})
bindCode(state.info.userId).then(res => {
state.code = {
...cardData,
code: res.data.code
}
state.posterUrl = res.data.url


+ 10
- 1
otherPages/workbenchManage/myWallet/index.vue View File

@ -18,11 +18,20 @@
已加入合伙人:{{state.baseInfo.partner_day}}
</view>
<view class="flex font24">
<view style="color: #B97132;">当前分成比例
<!-- <view style="color: #B97132;">当前分成比例
<text style="color: #CD4732;">{{state.baseInfo.partner_new_num}}</text>
</view>
<view style="color: #B97132;">晋级后分成比例
<text style="color: #CD4732;">{{state.baseInfo.partner_upgrade_num}}</text>
</view> -->
<view
style="margin-right: 20rpx;"
:style="{color:'#A55822'}" v-if="state.baseInfo.partner_new_num">
当前分成比例<text :style="{color:'#C12525'}">{{state.baseInfo.partner_new_num}}</text>
</view>
<view :style="{color:'#A55822'}" v-if="state.baseInfo.partner_upgrade_num">
晋级后分成比例<text :style="{color:'#C12525'}">{{state.baseInfo.partner_upgrade_num}}</text>
</view>
</view>
</view>


+ 9
- 5
pages/workbenchManage/index.vue View File

@ -21,15 +21,18 @@
@click="">暂未开放 ></view> -->
<view class="font24 add-but col-white join" @click="handleJoin(1)">申请加入 ></view>
</view>
<image class="explain-img" :src="configList?.partner_work_statement?.paramValueImage"
<image class="explain-img"
style="background-color: transparent;"
:src="configList?.partner_work_statement?.paramValueImage"
mode="aspectFit"></image>
</view>
</view>
<!-- 申请加入后 -->
<view class="flex flex-between font24 flex-wrap" v-if="userInfo.userHh==1">
<view class="icon-list" @click="handleGoto(item)" v-for="item in iconState.list1" :key="item.id">
<up-image class="mb20" :show-loading="true" :src="item.image" width="68rpx"
height="68rpx"></up-image>
<image class="mb20" :src="item.image"
style="width: 68rpx;height: 68rpx;"
mode="aspectFit"></image>
<view>{{item.name}}</view>
</view>
<view class="icon-list"></view>
@ -52,8 +55,9 @@
<!-- 申请之后 -->
<view class="flex-rowl flex-wrap" v-if="userInfo.userBcs == 1">
<view class="icon-list" v-for="item in iconState.list2" :key="item.id" @click="handleGoto(item)">
<up-image class="mb20" :show-loading="true" :src="item.image" width="68rpx"
height="68rpx"></up-image>
<image class="mb20" :src="item.image"
style="width: 68rpx;height: 68rpx;"
mode="aspectFit"></image>
<view>{{ item.name }}</view>
</view>


Loading…
Cancel
Save