法务、大区运营中心样式调整
This commit is contained in:
@@ -1,25 +1,48 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<!-- :style="'background-image: url(' + require('@/static/icons/yunying_bg.png') + ');'" -->
|
||||
<view class="content">
|
||||
<view class="list-item">
|
||||
<view class="label-t"><u-icon class="icon" name="level" color="#446EFE" size="40rpx" bold />机构名称</view>
|
||||
<view class='value'>
|
||||
{{team_name || '--'}}{{defaultTitle}}
|
||||
<u-icon @click='yunyingShow = true,yunying_name = team_name' name="edit-pen-fill" class='pen'
|
||||
color="#454545" size="34rpx" bold />
|
||||
</view>
|
||||
</view>
|
||||
<view class="list-item">
|
||||
<view class="label-t"><u-icon class="icon" name="integral" color="#446EFE" size="40rpx" bold />团队人数</view>
|
||||
<view class='value'>
|
||||
团队人数<span>{{users_count || 0}}</span>人
|
||||
</view>
|
||||
</view>
|
||||
<view class="list-item">
|
||||
<view class="label-t"><u-icon class="icon" name="rmb-circle" color="#446EFE" size="40rpx" bold />总业绩</view>
|
||||
<view class='value'>
|
||||
<span>¥{{all_perf || 0}}</span>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 账户余额 -->
|
||||
<view class="total">
|
||||
<view class="total-item-1">
|
||||
<!-- <view class="total"> -->
|
||||
<!-- <view class="total-item-1">
|
||||
<view class="total-left">
|
||||
<view class="total-value nowrap ">
|
||||
{{team_name || '--'}}
|
||||
<u-icon @click='yunyingShow = true,yunying_name = team_name' name="edit-pen-fill" class='pen'
|
||||
color="#eee" size="34rpx" bold />
|
||||
color="red" size="34rpx" bold />
|
||||
</view>
|
||||
<view class="total-text nowrap">{{defaultTitle}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="total-item-2" v-if="teamtype == 'team'">
|
||||
</view> -->
|
||||
<!-- <view class="total-item-2" v-if="teamtype == 'team'">
|
||||
<view> 团队人数 :<span>{{users_count}}</span>人</view>
|
||||
<view> 总业绩 :¥<span>{{all_perf}}</span></view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<!-- </view> -->
|
||||
<!-- <view class="total" :style="'background-image: url(' + require('@/static/imgs/cash_back.png') + ');'">
|
||||
<view class="total-value nowrap">{{users_count}}</view>
|
||||
<view class="total-text">团队人数</view>
|
||||
</view> -->
|
||||
<!-- 账户记录 -->
|
||||
<view class="tabs">
|
||||
<!-- <view class="tabs">
|
||||
<u-tabs :list="tabs" :scrollable="false" :activeStyle="{color: '#446EFE', fontWeight: 'bold'}"
|
||||
lineColor="#446EFE" @click="onTabs" />
|
||||
</view>
|
||||
@@ -63,7 +86,7 @@
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<u-loadmore v-if="pagesShow" :status="status" />
|
||||
<u-loadmore v-if="pagesShow" :status="status" /> -->
|
||||
|
||||
<!-- 弹窗展示输入运营中心姓名 -->
|
||||
<u-popup :show="yunyingShow" mode="center" @close="yunyingShow = false" :round="22">
|
||||
@@ -306,7 +329,45 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
<style lang="scss">
|
||||
.list-item{
|
||||
padding:60rpx 40rpx;
|
||||
border-bottom: solid 1rpx #ddd;
|
||||
display:flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
.label-t{
|
||||
width: 240rpx;
|
||||
// background-color: pink;
|
||||
// font-size: 28rpx;
|
||||
// color: #666;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
box-sizing: border-box;
|
||||
.icon{
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
.value{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
color: #222;
|
||||
box-sizing: border-box;
|
||||
.pen{
|
||||
margin-left:20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
// tabs
|
||||
.tabs {
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
@@ -322,9 +383,9 @@
|
||||
.total {
|
||||
background-size: cover;
|
||||
background-position: top center;
|
||||
padding: 50rpx 30rpx 170rpx;
|
||||
background-color: #446EFE;
|
||||
color: white;
|
||||
// padding: 50rpx 30rpx 170rpx;
|
||||
// background-color: #446EFE;
|
||||
color: #446EFE;
|
||||
|
||||
.total-item-1 {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user