|
@@ -22,15 +22,37 @@
|
|
|
<text class="bottom-text" @click="goToUrl(2)">{{ $t('index.index.top.six') }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="index-list">
|
|
|
- <view class="list-title">
|
|
|
- <view class="title-img">
|
|
|
- <image src="@/static/img/index/bnb2.png" mode="aspectFill"></image>
|
|
|
+ <view class="list-tab">
|
|
|
+ <view class="tab-items">
|
|
|
+ <view class="tab-item" @click="setListTab(1)" :class="{'option-tab':listTab===1}">
|
|
|
+ {{ $t('index.index.list.title') }}
|
|
|
+ </view>
|
|
|
+ <view class="tab-item" @click="setListTab(2)" :class="{'option-tab':listTab===2}">
|
|
|
+ {{ $t('index.index.list.title-two') }}
|
|
|
</view>
|
|
|
- <view class="title-text">{{ $t('index.index.list.title') }}({{ total }})</view>
|
|
|
+ <!-- <view class="tab-item" @click="setListTab(3)" :class="{'option-tab':listTab===3}">-->
|
|
|
+ <!-- {{ $t('index.index.code') }}-->
|
|
|
+ <!-- </view>-->
|
|
|
+ </view>
|
|
|
+ <view class="tab-item-bg"
|
|
|
+ :class="{'bg-location-1':listTab===1,'bg-location-2':listTab===2,'bg-location-3':listTab===3}"></view>
|
|
|
+ </view>
|
|
|
+ <view class="team-but" @click="goToUrl(4)">{{ $t('index.index.tds') }}》</view>
|
|
|
+ <view class="index-list">
|
|
|
+
|
|
|
+<!-- <view class="list-title">-->
|
|
|
+<!-- <view class="title-img">-->
|
|
|
+<!-- <image src="@/static/img/index/bnb2.png" mode="aspectFill"></image>-->
|
|
|
+<!-- </view>-->
|
|
|
+<!-- <view class="title-text">{{ $t('index.index.list.title') }}({{ total }})</view>-->
|
|
|
+<!-- </view>-->
|
|
|
+<!-- <division></division>-->
|
|
|
+ <view v-if="listTab===1">
|
|
|
+ <earning-list @setTotal="setTotal"></earning-list>
|
|
|
+ </view>
|
|
|
+ <view v-else>
|
|
|
+ <common-list @setTotal="setTotal"></common-list>
|
|
|
</view>
|
|
|
- <division></division>
|
|
|
- <earning-list @setTotal="setTotal"></earning-list>
|
|
|
|
|
|
</view>
|
|
|
<view class="index-bottom"></view>
|
|
@@ -42,11 +64,13 @@ import {getMemberInfo} from "@/api/member";
|
|
|
import Division from "@/pages/index/components/division";
|
|
|
import TopHead from "@/pages/index/components/top-head";
|
|
|
import EarningList from "@/pages/index/components/earning-list";
|
|
|
+import CommonList from "@/pages/index/components/common-list";
|
|
|
|
|
|
export default {
|
|
|
- components: {EarningList, TopHead, Division},
|
|
|
+ components: {CommonList, EarningList, TopHead, Division},
|
|
|
data() {
|
|
|
return {
|
|
|
+ listTab:1,
|
|
|
applicationLocale: '',
|
|
|
systemLocale: '',
|
|
|
showLang: false,
|
|
@@ -129,12 +153,21 @@ export default {
|
|
|
'url': 'pages/index/contract'
|
|
|
})
|
|
|
break
|
|
|
+ case 4:
|
|
|
+ uni.navigateTo({
|
|
|
+ 'url': 'pages/index/team'
|
|
|
+ })
|
|
|
+ break
|
|
|
}
|
|
|
},
|
|
|
setShowLang() {
|
|
|
this.showLang = !this.showLang
|
|
|
},
|
|
|
-
|
|
|
+ setListTab(listTab) {
|
|
|
+ if (this.listTab !== listTab) {
|
|
|
+ this.listTab = listTab
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
getMyData() {
|
|
|
let token = uni.getStorageSync('token')
|
|
@@ -280,11 +313,78 @@ export default {
|
|
|
padding: 40rpx 40rpx 0 40rpx;
|
|
|
}
|
|
|
}
|
|
|
+ .list-tab {
|
|
|
+ width: 90%;
|
|
|
+ height: 100%;
|
|
|
+ background: #eaf2ff;
|
|
|
+ border-radius: 36px;
|
|
|
+ cursor: pointer;
|
|
|
+ position: relative;
|
|
|
+ margin: 20rpx auto;
|
|
|
+
|
|
|
+ .tab-items {
|
|
|
+ z-index: 10;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ border-radius: 36px;
|
|
|
+
|
|
|
+ .tab-item {
|
|
|
+ z-index: 10;
|
|
|
+ width: calc(100% / 2);
|
|
|
+ font-size: 13px;
|
|
|
+ color: #adbad0;
|
|
|
+ display: block;
|
|
|
+ height: 32px;
|
|
|
+ line-height: 32px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .option-tab {
|
|
|
+ color: #292929;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .tab-item-bg {
|
|
|
+ position: absolute;
|
|
|
+ border-radius: 36px;
|
|
|
+ background: #fff;
|
|
|
+ transition: .5s ease;
|
|
|
+ height: 32px;
|
|
|
+ width: calc(100% / 2);
|
|
|
+ top: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg-location-1 {
|
|
|
+ left: 0;
|
|
|
+ transition: .5s ease;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg-location-2 {
|
|
|
+ left: 50%;
|
|
|
+ transition: .5s ease;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg-location-3 {
|
|
|
+ left: 66.66%;
|
|
|
+ transition: .5s ease;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .team-but{
|
|
|
+ width: 90%;
|
|
|
+ margin: auto;
|
|
|
+ font-size: 13px;
|
|
|
+ color: #adbad0;
|
|
|
+ text-align: right;
|
|
|
+ //height: 32px;
|
|
|
+ //line-height: 32px;
|
|
|
+ }
|
|
|
|
|
|
.index-list {
|
|
|
background: #fff;
|
|
|
width: 90%;
|
|
|
- margin: 40rpx auto;
|
|
|
+ margin: 20rpx auto;
|
|
|
border-radius: 10px;
|
|
|
padding: 20px 10px;
|
|
|
overflow: hidden;
|