zhangjing/cardtest
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[更新]

Browse Source
This commit is contained in:
zhangmanman
2021-08-09 15:57:37 +08:00
parent c661dd0e16
commit 540d76bdb8
158 changed files with 4914 additions and 788 deletions
Download Patch File Download Diff File Expand all files Collapse all files

194
pages/myProfit/myProfit.js Normal file
View File

@@ -0,0 +1,194 @@
// pages/myProfit/myProfit.js
Page({
/**
* 页面的初始数据
*/
data: {
profitCount : '', //收益数据-人数
profitFinance : '', //收益数据-收益信息
profitUser : '', //收益数据-用户信息
incometCount : '', //收益统计-团队
incometFfinance : '', //收益统计-收益
incometOrder : '', //收益统计-订单
incometMonths : '', //收益数据-月份列表
monthsIndex : 1, //账变记录筛选index
monthsValue : '', //账变记录筛选value
changeStyle : 'report', //tab默认选择类型
//收益订单筛选列表
ordersWay : [
{value: '0', name: "充值", type: 'recharge'},
{value: '1', name: "产品", type: 'product'}
],
ordersIndex : 0, //收益订单筛选列表index
ordersValue : 'recharge', //收益订单筛选列表value
publicData : [], //订单与团队 公共数据列表
//我的团队筛选列表
teamWay : [
{value: 0, name: "用户"},
{value: 1, name: "达人"}
],
teamIndex : 0, //我的团队筛选列表index
teamValue : 0, //我的团队筛选列表value
teamSort : 'asc', //我的团队排序
page : {}, //下一页
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad (options) { // })
},
/**
* 生命周期函数--监听页面显示
*/
onShow () {
// 获取我的收益数据
this.profitInfo();
// 获取本月收益统计
this.incomeInfo();
},
/**
* tab栏选择
*/
changeTabbar(e) {
this.setData({
changeStyle: e.currentTarget.dataset.style
})
if(e.currentTarget.dataset.style == 'report'){
// 获取收益统计
this.incomeInfo();
return
}
// 获取收益订单列表 + 我的团队列表
this.publicInfo();
},
/**
* 我的收益数据
*/
profitInfo() {
wx.$api.user.myProfit().then(res=>{
this.setData({
profitCount : res.data.count,
profitFinance: res.data.finance,
profitUser : res.data.user
})
}).catch(err=>{})
},
/**
* 收益统计
*/
incomeInfo() {
wx.$api.user.myIncome(this.data.monthsValue).then(res=>{
this.setData({
incometCount : res.data.count,
incometFfinance: res.data.finance,
incometOrder : res.data.order,
incometMonths : res.data.months,
monthsIndex : parseInt(res.data.this_month) - 1
})
}).catch(err=>{})
},
/**
* 收益订单列表 + 我的团队列表
*/
publicInfo(page) {
let newStyle = this.data.changeStyle
let url = ''
if(newStyle == 'order') url = wx.$api.user.profitOrders(this.data.ordersValue, page)
if(newStyle == 'team') url = wx.$api.user.profitTeam(this.data.teamValue, this.data.teamSort, page)
url.then(res=>{
let listArr = this.data.publicData,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
publicData : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err=>{})
},
/**
* 月份选择
*/
screenBind(val) {
let newValue = parseInt(val.detail.value)
this.setData({
monthsValue : newValue + 1,
monthsIndex : val.detail.value
})
// 获取收益统计
this.incomeInfo();
},
/**
* 订单类型选择
*/
screenOrders(val) {
this.setData({
ordersIndex: val.detail.value,
ordersValue: this.data.ordersWay[val.detail.value].type
})
// 获取收益订单列表 + 我的团队列表
this.publicInfo();
},
/**
* 团队类型选择
*/
screenTeam(val) {
this.setData({
teamIndex: val.detail.value,
teamValue: this.data.ordersWay[val.detail.value].value
})
// 获取收益订单列表 + 我的团队列表
this.publicInfo();
},
/**
* 销量排序
*/
teamTap () {
if (this.data.teamSort == 'asc') {
this.setData({
teamSort : 'desc',
})
} else {
this.setData({
teamSort : 'asc',
})
}
// 获取收益订单列表 + 我的团队列表
this.publicInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
this.publicInfo(pageNumber)
}
}
})

6
pages/myProfit/myProfit.json Normal file
View File

@@ -0,0 +1,6 @@
{
"usingComponents": {},
"navigationBarTitleText": "我的收益",
"navigationBarBackgroundColor": "#d0a76c",
"navigationBarTextStyle": "white"
}

355
pages/myProfit/myProfit.wxml Normal file
View File

@@ -0,0 +1,355 @@
<view class="profigHead">
<view class="profigHead-user">
<image src="{{profitUser.avatar}}" mode="aspectFill"></image>{{profitUser.nickname}}的收益
</view>
<image class="profigHead-img" src="/static/img/profigLabel_back.png" mode="widthFix"></image>
</view>
<view class="profigCont">
<view class="profigLabel">
<view class="profigLabel-top">
我在本时生活总收益！
</view>
<view class="profigLabel-balance">
<view class="profigLabel-balance-left">
<view class="profigLabel-balance-name">余额</view>
<view class="profigLabel-balance-price">￥<text>{{profitUser.account.balance}}</text></view>
</view>
<navigator hover-class="none" url="/pages/withdrawal_form/withdrawal_form" class="profigLabel-balance-withdrawal">提现</navigator>
</view>
<view class="profigLabel-list">
<view class="profigLabel-list-label">
<navigator hover-class="none" url="/pages/myProfit_list/myProfit_list?name=share_product" class="profigLabel-list-name">
分享产品收益<image src="/static/img/profigLabel_row.png" mode="aspectFill"></image>
</navigator>
<view class="profigLabel-list-price">
{{profitFinance.share_product}}
</view>
</view>
<view class="profigLabel-list-label">
<navigator hover-class="none" url="/pages/myProfit_list/myProfit_list?name=team_product" class="profigLabel-list-name">
团队产品消费收益<image src="/static/img/profigLabel_row.png" mode="aspectFill"></image>
</navigator>
<view class="profigLabel-list-price">
{{profitFinance.team_product}}
</view>
</view>
<view class="profigLabel-list-label">
<navigator hover-class="none" url="/pages/myProfit_list/myProfit_list?name=share_Recharge" class="profigLabel-list-name">
分享储值收益<image src="/static/img/profigLabel_row.png" mode="aspectFill"></image>
</navigator>
<view class="profigLabel-list-price">
{{profitFinance.share_Recharge}}
</view>
</view>
<view class="profigLabel-list-label">
<navigator hover-class="none" url="/pages/myProfit_list/myProfit_list?name=team_recharge" class="profigLabel-list-name">
团队储值收益<image src="/static/img/profigLabel_row.png" mode="aspectFill"></image>
</navigator>
<view class="profigLabel-list-price">
{{profitFinance.team_recharge}}
</view>
</view>
<view class="profigLabel-list-label">
<view class="profigLabel-list-name">
达人总数
</view>
<view class="profigLabel-list-price">
{{profitCount.leader}}
</view>
</view>
<view class="profigLabel-list-label">
<view class="profigLabel-list-name">
用户总数
</view>
<view class="profigLabel-list-price">
{{profitCount.users}}
</view>
</view>
</view>
<view class="profigLabel-cash">
<view class="profigLabel-cash-label">
<view class="profigLabel-cash-name">
总收益
</view>
<view class="profigLabel-cash-price">
{{profitFinance.all_profit}}
</view>
</view>
<view class="profigLabel-cash-label">
<navigator hover-class="none" url="/pages/withdrawal_record/withdrawal_record?status=end&idx=2" class="profigLabel-cash-name profigLabel-cash-active">
已提现
</navigator>
<view class="profigLabel-cash-price">
{{profitFinance.withdrawed}}
</view>
</view>
<view class="profigLabel-cash-label">
<navigator hover-class="none" url="/pages/withdrawal_record/withdrawal_record?status=init&idx=1" class="profigLabel-cash-name profigLabel-cash-active">
提现中
</navigator>
<view class="profigLabel-cash-price">
{{profitFinance.withdrawing}}
</view>
</view>
</view>
</view>
<view class="profigTab">
<view class="profigTab-nav">
<view class="profigTab-nav-name {{changeStyle == 'report' ? 'active' : ''}}" data-style="report"
bindtap="changeTabbar">收益报表</view>
<view class="profigTab-nav-name {{changeStyle == 'order' ? 'active' : ''}}" data-style="order"
bindtap="changeTabbar">收益订单</view>
<view class="profigTab-nav-name {{changeStyle == 'team' ? 'active' : ''}}" data-style="team"
bindtap="changeTabbar">我的团队</view>
</view>
<view class="profigTab-list">
<!-- 本月收益统计 -->
<view class="profigReport {{changeStyle == 'report' ? 'show' : ''}}">
<view class="profigReport-module">
<view class="profigReport-module-title">
<view class="profigReport-module-name">
本月收益统计
</view>
<view class="profigReport-module-picker">
<picker bindchange="screenBind" value="{{monthsIndex}}" range-key="name"
range="{{incometMonths}}">
{{incometMonths[monthsIndex].name}}
</picker>
<image class="profigReport-module-icon" src="/static/icon/arrow_down.png"></image>
</view>
</view>
<view class="profigReport-list">
<view class="profigReport-list-label">
<view class="profigReport-label-name">
分享产品收益
</view>
<view class="profigLabel-label-price">
{{incometFfinance.share_product.this_month}}
</view>
<view class="profigLabel-label-billie {{incometFfinance.share_product.this_month >= 0 ? '':'active'}}">
<image
src="{{incometFfinance.share_product.this_month >= 0 ? '/static/img/profig_billie_icon.png' : '/static/img/profig_billie_icon_active.png'}}"
mode="aspectFill"></image>
{{incometFfinance.share_product.text}}
</view>
</view>
<view class="profigReport-list-label">
<view class="profigReport-label-name">
团队产品消费收益
</view>
<view class="profigLabel-label-price">
{{incometFfinance.team_product.this_month}}
</view>
<view class="profigLabel-label-billie {{incometFfinance.team_product.this_month >= 0 ? '':'active'}}">
<image
src="{{incometFfinance.team_product.this_month >= 0 ? '/static/img/profig_billie_icon.png' : '/static/img/profig_billie_icon_active.png'}}"
mode="aspectFill"></image>
{{incometFfinance.team_product.text}}
</view>
</view>
<view class="profigReport-list-label">
<view class="profigReport-label-name">
分享储值收益
</view>
<view class="profigLabel-label-price">
{{incometFfinance.share_recharge.this_month}}
</view>
<view class="profigLabel-label-billie {{incometFfinance.share_recharge.this_month >= 0 ? '':'active'}}">
<image
src="{{incometFfinance.share_recharge.this_month >= 0 ? '/static/img/profig_billie_icon.png' : '/static/img/profig_billie_icon_active.png'}}"
mode="aspectFill"></image>
{{incometFfinance.share_recharge.text}}
</view>
</view>
<view class="profigReport-list-label">
<view class="profigReport-label-name">
团队储值收益
</view>
<view class="profigLabel-label-price">
{{incometFfinance.team_recharge.this_month}}
</view>
<view class="profigLabel-label-billie {{incometFfinance.team_recharge.this_month >= 0 ? '':'active'}}">
<image
src="{{incometFfinance.team_recharge.this_month >= 0 ? '/static/img/profig_billie_icon.png' : '/static/img/profig_billie_icon_active.png'}}"
mode="aspectFill"></image>
{{incometFfinance.team_recharge.text}}
</view>
</view>
</view>
</view>
<view class="profigReport-module profigReport-module-subset">
<view class="profigReport-subset-name">
新增团队统计
</view>
<view class="profigReport-list">
<view class="profigReport-subset-label">
<view class="profigReport-label-name">
新增达人数
</view>
<view class="profigLabel-label-price">
{{incometCount.leader}}
</view>
</view>
<view class="profigReport-subset-label">
<view class="profigReport-label-name">
新增用户数
</view>
<view class="profigLabel-label-price">
{{incometCount.users}}
</view>
</view>
</view>
</view>
<view class="profigReport-module profigReport-module-subset">
<view class="profigReport-subset-name">
消费订单统计
</view>
<view class="profigReport-list">
<view class="profigReport-subset-label">
<view class="profigReport-label-name">
产品消费
</view>
<view class="profigLabel-label-price">
{{incometOrder.product}}
</view>
</view>
<view class="profigReport-subset-label">
<view class="profigReport-label-name">
储值消费
</view>
<view class="profigLabel-label-price">
{{incometOrder.recharge}}
</view>
</view>
</view>
</view>
</view>
<!-- 收益订单 -->
<view class="profigOrder {{changeStyle == 'order' ? 'show' : ''}}">
<view class="profigOrder-module-title">
<view class="profigOrder-module-name">
共<text>{{publicData.length}}</text>条订单
</view>
<view class="profigReport-module-picker">
<picker bindchange="screenOrders" value="{{ordersIndex}}" range-key="name"
range="{{ordersWay}}">
{{ordersWay[ordersIndex].name}}
</picker>
<image class="profigReport-module-icon" src="/static/icon/arrow_down.png"></image>
</view>
</view>
<block wx:if="{{publicData.length > 0}}">
<view class="profigOrder-list" wx:for="{{publicData}}" wx:key="publicData">
<view class="profigOrder-no">
<view class="profigOrder-no-name">
<text
class="profigOrder-no-tips {{item.type == 'recharge' ? '' : 'active'}}">{{item.type
==
'recharge' ? '储值' : '产品'}}</text>订单号：{{item.order.orderid}}
<image src="/static/img/frozen_time.png" mode="aspectFill"></image>
</view>
<view class="profigOrder-no-text">
{{item.name}}
</view>
</view>
<view class="profigOrder-info">
<view class="profigOrder-label">
姓名：{{item.user.nickname}}
</view>
<view class="profigOrder-label">
联系电话：{{item.user.username}}
</view>
<view class="profigOrder-label profigOrder-label-color">
佣金：￥{{item.bonus}}
</view>
<view class="profigOrder-label">
当前状态：{{item.order.status}}
</view>
</view>
</view>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix">
</image>
加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</block>
<!-- 暂无内容 -->
<view class="public-hint" wx:else>
<image src="/static/img/legal_tips.png"></image>
<view>抱歉，目前暂无数据~</view>
</view>
</view>
<!-- 我的团队 -->
<view class="profigTeam {{changeStyle == 'team' ? 'show' : ''}}">
<view class="profigTeam-module-title">
<view class="profigOrder-module-title">
<view class="profigOrder-module-name">
共<text>{{publicData.length}}</text>人
</view>
<view class="profigReport-module-picker">
<picker bindchange="screenTeam" value="{{teamIndex}}" range-key="name" range="{{teamWay}}">
{{teamWay[teamIndex].name}}
</picker>
<image class="profigReport-module-icon" src="/static/icon/arrow_down.png"></image>
</view>
</view>
<view class="profigTeam-ranking {{teamSort == 'asc' ? 'ascactive' : 'descactive'}}" bindtap="teamTap">
创收排行
</view>
</view>
<block wx:if="{{publicData.length > 0}}">
<view class="profigTeam-list">
<view class="profigTeam-nav">
<view class="profigTeam-name">达人姓名</view>
<view class="profigTeam-name">联系电话</view>
<view class="profigTeam-name">身份</view>
<view class="profigTeam-name">创收额</view>
</view>
<view class="profigTeam-label">
<view class="profigTeam-label-list" wx:for="{{publicData}}" wx:key="publicData">
<view class="profigTeam-label-cont profigTeam-label-head">
<image src="{{item.user.avatar}}" mode="aspectFill"></image>
<view class="nowrap profigTeam-label-name">{{item.user.nickname}}</view>
</view>
<view class="nowrap profigTeam-label-cont">
{{item.user.username}}
</view>
<view class="nowrap profigTeam-label-cont">
{{item.user.identity.identity_name}}
</view>
<view class="nowrap profigTeam-label-cont profigTeam-label-color">
{{item.balance}}
</view>
</view>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif"
mode="widthFix">
</image>
加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
</view>
</block>
<!-- 暂无内容 -->
<view class="public-hint" wx:else>
<image src="/static/img/legal_tips.png"></image>
<view>抱歉，目前暂无数据~</view>
</view>
</view>
</view>
</view>
</view>

541
pages/myProfit/myProfit.wxss Normal file
View File

@@ -0,0 +1,541 @@
page {
background-color: #ececec;
}
/* 头部 */
.profigHead {
background: linear-gradient(to bottom, #d0a76c 50%, #ffffff);
padding: 30rpx;
height: 300rpx;
width: 100%;
box-sizing: border-box;
overflow: hidden;
}
.profigHead-user {
line-height: 90rpx;
display: flex;
}
.profigHead-user image {
width: 90rpx;
height: 90rpx;
margin-right: 20rpx;
border-radius: 50%;
border: 2rpx solid #ffffff;
}
.profigHead-img {
opacity: .1;
width: 300rpx;
height: 300rpx;
position: absolute;
top: -50rpx;
right: -40rpx;
}
/* 内容 */
.profigCont {
position: absolute;
top: 140rpx;
padding: 30rpx;
box-sizing: border-box;
width: 100%;
}
.profigLabel {
background-color: #2f2e2c;
border-radius: 20rpx;
overflow: hidden;
}
.profigLabel-top {
background: linear-gradient(-250deg, #feecd4, #d5b687 90%);
padding: 0 30rpx;
height: 90rpx;
line-height: 90rpx;
}
.profigLabel-balance {
color: #efd8b8;
padding: 30rpx 40rpx;
box-sizing: border-box;
display: flex;
}
.profigLabel-balance-left {
flex: 1;
}
.profigLabel-balance-name {
font-size: 28rpx;
}
.profigLabel-balance-left text {
font-size: 56rpx;
font-weight: 600;
}
.profigLabel-balance-withdrawal {
background-color: #fdebd3;
color: #000000;
display: inline-block;
height: 64rpx;
line-height: 64rpx;
padding: 0 40rpx;
border-radius: 60rpx;
margin-top: 40rpx;
}
.profigLabel-list-name {
margin-bottom: 10rpx;
display: flex;
}
.profigLabel-list-name image {
width: 20rpx;
height: 20rpx;
margin: 10rpx;
}
.profigLabel-list {
padding: 30rpx 40rpx 0;
box-sizing: border-box;
}
.profigLabel-list,
.profigLabel-cash {
color: #ffffff;
position: relative;
overflow: hidden;
font-size: 28rpx;
}
.profigLabel-list::after,
.profigLabel-list::before {
position: absolute;
content: '';
left: 0;
width: 100%;
height: 0;
border-top: 2rpx dotted #665f54;
}
.profigLabel-list::after {
top: 0;
}
.profigLabel-list::before {
bottom: 0;
}
.profigLabel-list-label {
width: 50%;
float: left;
margin-bottom: 40rpx;
}
.profigLabel-cash {
text-align: center;
padding: 30rpx 0;
}
.profigLabel-cash-label {
width: 33.33%;
float: left;
}
.profigLabel-cash-name {
margin-bottom: 10rpx;
display: inline-block;
position: relative;
}
.profigLabel-cash-active::after {
position: absolute;
content: '';
left: 0;
bottom: 4rpx;
width: 100%;
height: 2rpx;
background-color: #ffffff;
}
/* tab选项卡 */
.profigTab-nav {
display: flex;
line-height: 120rpx;
}
.profigTab-nav-name {
width: 33.33%;
flex: 3;
text-align: center;
position: relative;
}
.profigTab-nav-name.active {
color: #ffa30a;
}
.profigTab-nav-name.active::after {
position: absolute;
content: '';
left: calc(50% - 30rpx);
bottom: 15rpx;
width: 60rpx;
height: 8rpx;
background-color: #ffa30a;
}
/* tab收益报表内容 */
.profigReport,
.profigOrder,
.profigTeam {
border-radius: 20rpx;
margin-top: 20rpx;
display: none;
}
.profigReport.show,
.profigOrder.show,
.profigTeam.show {
display: block;
}
.profigReport {
background-color: #ffffff;
}
.profigReport-module {
padding: 30rpx 30rpx 40rpx;
box-sizing: border-box;
}
.profigReport-module-title {
display: flex;
}
.profigReport-module-name {
flex: 1;
font-weight: 700;
}
.profigReport-module-picker {
display: flex;
color: #797979;
font-size: 28rpx;
padding-top: 4rpx;
}
.profigReport-module-icon {
width: 28rpx;
height: 28rpx;
margin: 6rpx 0 0 10rpx;
}
.profigLabel-label-billie {
background-color: #fcf6ea;
border: 2rpx solid #f7e5db;
color: #f2863b;
padding-right: 20rpx;
height: 48rpx;
line-height: 48rpx;
font-size: 22rpx;
display: inline-flex;
border-radius: 10rpx;
}
.profigLabel-label-billie image {
width: 22rpx;
height: 22rpx;
margin: 12rpx 10rpx;
}
.profigLabel-label-billie.active {
color: #00a915;
background-color: #efffec;
border: 2rpx solid #c9fbbf;
}
.profigReport-list {
padding: 0 -20rpx;
width: 100%;
box-sizing: border-box;
overflow: hidden;
}
.profigReport-list-label {
width: calc(50% - 40rpx);
float: left;
margin: 40rpx 20rpx 0;
font-size: 28rpx;
}
.profigReport-label-name {
color: #999999;
}
.profigLabel-label-price {
margin: 10rpx 0;
font-size: 34rpx;
}
.profigReport-module-subset {
position: relative;
text-align: center;
}
.profigReport-module-subset::after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 0;
border-top: 2rpx solid #e4e4e4;
}
.profigReport-subset-name {
text-align: center;
margin: 0 auto 40rpx;
font-size: 28rpx;
background-color: #f1f1f1;
padding: 0 30rpx;
line-height: 64rpx;
display: inline-block;
border-radius: 10rpx;
}
.profigReport-subset-label {
text-align: center;
width: 50%;
float: left;
font-size: 28rpx;
}
/* tab收益订单内容 */
.profigOrder-list {
background-color: white;
padding: 30rpx;
box-sizing: border-box;
border-radius: 10rpx;
font-size: 28rpx;
margin-bottom: 30rpx;
}
.profigOrder-no {
position: relative;
padding-bottom: 20rpx;
margin-bottom: 20rpx;
}
.profigOrder-no::after {
position: absolute;
content: '';
left: 0;
width: 100%;
height: 0;
border-top: 2rpx dotted #e7e7e7;
bottom: 0;
}
.profigOrder-no-name {
display: flex;
line-height: 44rpx;
}
.profigOrder-no-name image {
width: 32rpx;
height: 32rpx;
margin-left: 20rpx;
margin-top: 6rpx;
}
.profigOrder-no-text {
color: #515151;
margin: 20rpx 0;
}
.profigOrder-label {
line-height: 60rpx;
}
.profigOrder-label-color {
color: #ffa30a;
}
.profigOrder-no-tips {
background-color: green;
font-size: 22rpx;
color: #ffffff;
height: 36rpx;
line-height: 36rpx;
padding: 0 10rpx;
border-radius: 30rpx;
margin: 5rpx 10rpx 0 0;
}
.profigOrder-no-tips.active {
background-color: #ffa30a;
}
.profigOrder-module-title {
background-color: #ffffff;
border-radius: 10rpx;
display: flex;
box-sizing: border-box;
line-height: 80rpx;
margin-bottom: 30rpx;
padding: 0 30rpx;
box-sizing: border-box;
font-size: 28rpx;
}
.profigOrder-module-name {
flex: 1;
}
.profigOrder-module-name text {
color: #ffa30a;
padding: 0 5rpx;
}
.profigOrder-module-title .profigReport-module-picker {
padding: 0;
}
.profigOrder-module-title .profigReport-module-icon {
margin-top: 30rpx;
}
/* tab我的团队内容 */
.profigTeam-module-title {
display: flex;
margin-bottom: 30rpx;
}
.profigTeam .profigOrder-module-title {
flex: 1;
margin: 0 30rpx 0 0;
}
.profigTeam-ranking {
width: 180rpx;
height: 80rpx;
line-height: 80rpx;
position: relative;
background-color: #ffffff;
padding: 0 20rpx;
box-sizing: border-box;
border-radius: 10rpx;
color: green;
font-size: 28rpx;
}
.profigTeam-ranking::after,
.profigTeam-ranking::before {
position: absolute;
right: 20rpx;
content: '';
width: 0;
height: 0;
border-left: 8rpx solid transparent;
border-right: 8rpx solid transparent;
}
.profigTeam-ranking::after {
bottom: 28rpx;
border-top: 8rpx solid grey;
}
.profigTeam-ranking::before {
top: 28rpx;
border-bottom: 8rpx solid grey;
}
.profigTeam-ranking.ascactive::after {
border-top: 8rpx solid green;
}
.profigTeam-ranking.descactive::before {
border-bottom: 8rpx solid green;
}
.profigTeam-list {
margin-top: 30rpx;
}
.profigTeam-nav {
background-color: #ffffff;
border-radius: 10rpx;
display: flex;
line-height: 80rpx;
margin-bottom: 20rpx;
}
.profigTeam-name {
flex: 4;
text-align: center;
width: 25%;
font-size: 28rpx;
}
.profigTeam-label {
background-color: #ffffff;
border-radius: 10rpx;
font-size: 26rpx;
}
.profigTeam-label-list {
display: flex;
border-bottom: 2rpx solid #e8e8e8;
}
.profigTeam-label-list:last-child {
border: none;
}
.profigTeam-label-cont {
line-height: 110rpx;
flex: 4;
width: 25%;
text-align: center;
}
.profigTeam-label-head {
display: flex;
}
.profigTeam-label-head image {
width: 50rpx;
height: 50rpx;
border-radius: 50%;
margin: 30rpx 20rpx;
}
.profigTeam-label-name {
width: calc(100% - 90rpx);
}
.profigTeam-label-color {
color: #ffa30a;
}
.public-hint {
background-color: #ffffff;
border-radius: 10rpx;
text-align: center;
padding: 60rpx 0;
color: #999;
font-size: 28rpx;
}
.public-hint image {
width: 160rpx;
height: 160rpx;
margin: 0 auto 20rpx;
}