Merge branch 'cc-wap' of http://git.lcpcp.cc/root/bn-q-icon into cc-wap

common/css/common.css

@@ -632,6 +632,9 @@ body{
 .mb-4{
     margin-bottom: 4rpx;
 }
+.mb-8{
+    margin-bottom: 8rpx;
+}
 .m-b-20{
     margin-bottom: 20rpx;
 }

pages/home/home-index.vue

@@ -1,148 +1,168 @@
 <script>
-import tokenpocketBnb from "@/common/wallet/tokenpocket-wallet/tokenpocket-bnb";
-import {getTotalMoney} from "@/api/money";
-import {getDividendList} from "@/api/pledge";
+	import tokenpocketBnb from "@/common/wallet/tokenpocket-wallet/tokenpocket-bnb";
+	import {
+		getTotalMoney
+	} from "@/api/money";
+	import {
+		getDividendList
+	} from "@/api/pledge";
+	import blank from "@/components/en-utils/en-blank/en-blank.vue"
+	export default {
+		name: "home-index",
+		props: {
+			address: {
+				default: ''
+			}
+		},
+		components: {
+			blank
+		},
+		watch: {
+			'address': function() {
+				this.getIconNum()
+			}
+		},
+		data() {
+			return {
+				coinNum: '',
+				pledgeTotal: '',
+				revenueTotal: '',
+				price: '',
+				page: 1,
+				total: '',
+				list: []
+			};
+		},
+		mounted() {
+			this.getIconNum()
+			this.getTotalMoney()
+			this.getDividendList()
+		},
+		methods: {
+			getDividendList() {
+				getDividendList({
+					'page': this.page
+				}).then(res => {
+					if (res.code === 1) {
+						this.list.push(...res.data.items)
+						this.total = res.data.total
+					}
+				})
+			},
+			scrolltolower() {
+				if (this.list.length < this.total) {
+					++this.page
+					this.getDividendList()
+					// console.log('触底');
+				}
+			},
+			getTotalMoney() {
+				getTotalMoney().then(res => {
+					if (res.code === 1) {
+						this.pledgeTotal = res.data.pledgeTotal
+						this.revenueTotal = res.data.revenueTotal
+						this.price = res.data.price
 
-export default {
-  name: "home-index",
-  props:{
-    address:{
-      default:''
-    }
-  },
-  components: {},
-  watch:{
-    'address':function () {
-      this.getIconNum()
-    }
-  },
-  data() {
-    return {
-      coinNum:'',
-      pledgeTotal:'',
-      revenueTotal:'',
-      price:'',
-      page:1,
-      list:[]
-    };
-  },
-  mounted() {
-    this.getIconNum()
-    this.getTotalMoney()
-    this.getDividendList()
-  },
-  methods: {
-    getDividendList(){
-      getDividendList({'page':this.page}).then(res=>{
-        if(res.code===1){
-          this.list.push(...res.data.items)
-        }
-      })
-    },
-    getTotalMoney(){
-      getTotalMoney().then(res=>{
-        if (res.code===1){
-          this.pledgeTotal=res.data.pledgeTotal
-          this.revenueTotal=res.data.revenueTotal
-          this.price=res.data.price
+					}
+				})
+			},
+			async getIconNum() {
+				if (this.address === '') {
+					return
+				}
+				setTimeout(async () => {
+					this.coinNum = await tokenpocketBnb.getTokenBalance(this.address, 0)
+					console.log(this.coinNum, "icon-num----------------------")
+				}, 100)
 
-        }
-      })
-    },
-    async  getIconNum(){
-      if(this.address===''){
-        return
-      }
-      setTimeout(async ()=>{
-        this.coinNum= await tokenpocketBnb.getTokenBalance(this.address,0)
-        console.log(this.coinNum,"icon-num----------------------")
-      },100)
-
-    },
-  },
-}
+			},
+		},
+	}
 </script>
 
 <template>
-  <view>
-    <view class="bgc-f p-20 box-sizing-border b-rad-20 mb-40">
-      <image
-          class="head-img"
-          :src="require('@/static/img/index/index/bannerhome.png')"
-		   mode="widthFix"
-          ></image>
-    </view>
-    <view class="bgc-f p-20 box-sizing-border b-rad-20 mb-40">
-      <view class="b-rad-20 h-80 align-items-center bgc-f1f9fe">
-        <view class="flex-1 flex-direction-column align-items-center flex-justify-center">
-          <view class="fs-28 mb-4">
-            DAO價格($)
-          </view>
-          <view class="fs-28 fw-b">
-            {{price}}
-          </view>
-        </view>
-        <view class="flex-1 flex-direction-column align-items-center flex-justify-center">
-          <view class="fs-28 mb-4">
-            DAO餘額
-          </view>
-          <view class="fs-28 fw-b">
-            {{coinNum}}
-          </view>
-        </view>
-        <view class="flex-1 flex-direction-column align-items-center flex-justify-center">
-          <view class="fs-28 mb-4">
-            贡献总额
-          </view>
-          <view class="fs-28 fw-b">
-            {{pledgeTotal}}
-          </view>
-        </view>
-      </view>
-    </view>
-    <view class="bgc-f p-20 box-sizing-border b-rad-20 mb-40">
-      <view class="fs-28 pt-5 mb-4">
-        贡献收益记录
-      </view>
-      <view class="bgc-F6F7FA">
-        <view class="item-box align-items-center flex-justify-space" v-for="item in list" :key="item.id">
-          <view>
-            <view class="mb-4 fs-28 fw-b">贡献数量</view>
-            <view class="fs-24">{{item.created_date}}</view>
-          </view>
-          <view class="align-items-center">
-            <view class="fs-24">奖励:</view>
-            <view class="fs-28 fc-ED301D">{{item.sorting_money}}</view>
-          </view>
-        </view>
-        <view class="h-50 text-align-center fs-28">
-          ~暂无记录
-        </view>
-      </view>
-    </view>
-  </view>
+	<view>
+		<view class="bgc-f p-20 box-sizing-border b-rad-20 mb-40">
+			<image class="head-img" :src="require('@/static/img/index/index/bannerhome.png')" mode="widthFix"></image>
+		</view>
+		<view class="bgc-f p-20 box-sizing-border b-rad-20 mb-40">
+			<view class="b-rad-20 h-80 align-items-center bgc-f1f9fe">
+				<view class="flex-1 flex-direction-column align-items-center flex-justify-center">
+					<view class="fs-28 mb-8">
+						DAO價格($)
+					</view>
+					<view class="fs-28 fw-b">
+						{{price}}
+					</view>
+				</view>
+				<view class="flex-1 flex-direction-column align-items-center flex-justify-center">
+					<view class="fs-28 mb-8">
+						DAO餘額
+					</view>
+					<view class="fs-28 fw-b">
+						{{coinNum}}
+					</view>
+				</view>
+				<view class="flex-1 flex-direction-column align-items-center flex-justify-center">
+					<view class="fs-28 mb-8">
+						贡献总额
+					</view>
+					<view class="fs-28 fw-b">
+						{{pledgeTotal}}
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="bgc-f p-20 box-sizing-border b-rad-20">
+			<view class="fs-28 pt-5 mb-8">
+				贡献收益记录
+			</view>
+			<view v-if="list.length<=0" class="blank-box align-items-center flex-justify-center">
+				<blank :showBlank="list.length<=0?true:false" message="暂无数据"></blank>
+			</view>
+			<view class="bgc-F6F7FA" v-else>
+				<view class="item-box align-items-center flex-justify-space" v-for="item in list" :key="item.id">
+					<view>
+						<view class="mb-8 fs-28 fw-b">贡献数量</view>
+						<view class="fs-24">{{item.created_date}}</view>
+					</view>
+					<view class="align-items-center">
+						<view class="fs-24">奖励:</view>
+						<view class="fs-28 fc-ED301D">{{item.sorting_money}}</view>
+					</view>
+				</view>
+				<view class="h-50 text-align-center fs-28">
+					~暂无记录
+				</view>
+			</view>
+		</view>
+	</view>
 </template>
 
 <style scoped lang="scss">
-.head-img {
-  width: 100%;
-  // height: 128px;
-}
-.h-80{
-  height: 160rpx;
-}
-.h-50{
-  height: 100rpx;
-  line-height: 100rpx;
-}
-.item-box{
-  width: 100%;
-  height: 120rpx;
-  padding: 10rpx 20rpx;
-  box-sizing: border-box;
-  border-top: 2rpx solid #e5e5e5;
-}
-.item-box:first-child {
-  border-top: none;
-}
-</style>
+	.head-img {
+		width: 100%;
+		// height: 128px;
+	}
+
+	.h-80 {
+		height: 160rpx;
+	}
+
+	.h-50 {
+		height: 100rpx;
+		line-height: 100rpx;
+	}
+
+	.item-box {
+		width: 100%;
+		height: 120rpx;
+		padding: 10rpx 20rpx;
+		box-sizing: border-box;
+		border-top: 2rpx solid #e5e5e5;
+	}
+
+	.item-box:first-child {
+		border-top: none;
+	}
+</style>

pages/index/index.vue

@@ -1,152 +1,153 @@
 <script>
-import homeIndex from "@/pages/home/home-index.vue";
-import myIndex from "@/pages/my/my-index.vue";
-import convertIndex from "@/pages/convert/convert-index.vue";
-import tokenpocketBnb from "@/common/wallet/tokenpocket-wallet/tokenpocket-bnb";
-import tools from "@/common/js/tools";
-export default {
-  components: { homeIndex, myIndex, convertIndex },
-  data() {
-    return {
-      tab_index: 1,
-      address:''
-    };
-  },
-  mounted() {
-    this.getMyData()
-    this.getAccount()
-    // this.handlerDateDurationCurrent()
-  },
-  methods: {
-    abbreviateString(str ){
-      let startLength=4;
-      let endLength=4;
-      if (str.length <= startLength + endLength + 1) {
-        return str; // 如果字符串长度不足以被截断，则返回原字符串
-      }
-      return str.slice(0, startLength) + '...' + str.slice(-endLength);
-    },
-    async getAccount(){
-      tokenpocketBnb.getAccounts().then(async (Address) => {
-        console.log(Address)
-        if (Address) {
-          this.address=Address
-        } else {
-         tools.error("地址信息获取失败")
-        }
-      }).catch((e)=>{
-        console.log(e)
-        // tools.goToError(2)
-      })
-    },
-    getMyData() {
-      // let token = uni.getStorageSync('token')
-      // if (token) {
-      //   getMemberInfo().then((res) => {
-      //     if (res.code === 1) {
-      //       this.memberData = res.data
-      //       tokenpocketBnb.getAccounts().then((babAddress)=>{
-      //         if(babAddress && this.memberData.address.toLocaleLowerCase()!==babAddress.toLocaleLowerCase()){
-      //           // uni.clearStorageSync()
-      //           // uni.reLaunch({
-      //           //   'url': 'pages/login/index'
-      //           // })
-      //         }
-      //       })
-      //     }
-      //   })
-      // }
+	import homeIndex from "@/pages/home/home-index.vue";
+	import myIndex from "@/pages/my/my-index.vue";
+	import convertIndex from "@/pages/convert/convert-index.vue";
+	import tokenpocketBnb from "@/common/wallet/tokenpocket-wallet/tokenpocket-bnb";
+	import tools from "@/common/js/tools";
+	export default {
+		components: {
+			homeIndex,
+			myIndex,
+			convertIndex
+		},
+		data() {
+			return {
+				tab_index: 1,
+				address: ''
+			};
+		},
+		mounted() {
+			this.getMyData()
+			this.getAccount()
+			// this.handlerDateDurationCurrent()
+		},
+		methods: {
+			abbreviateString(str) {
+				let startLength = 4;
+				let endLength = 4;
+				if (str.length <= startLength + endLength + 1) {
+					return str; // 如果字符串长度不足以被截断，则返回原字符串
+				}
+				return str.slice(0, startLength) + '...' + str.slice(-endLength);
+			},
+			async getAccount() {
+				tokenpocketBnb.getAccounts().then(async (Address) => {
+					console.log(Address)
+					if (Address) {
+						this.address = Address
+					} else {
+						tools.error("地址信息获取失败")
+					}
+				}).catch((e) => {
+					console.log(e)
+					// tools.goToError(2)
+				})
+			},
+			getMyData() {
+				// let token = uni.getStorageSync('token')
+				// if (token) {
+				//   getMemberInfo().then((res) => {
+				//     if (res.code === 1) {
+				//       this.memberData = res.data
+				//       tokenpocketBnb.getAccounts().then((babAddress)=>{
+				//         if(babAddress && this.memberData.address.toLocaleLowerCase()!==babAddress.toLocaleLowerCase()){
+				//           // uni.clearStorageSync()
+				//           // uni.reLaunch({
+				//           //   'url': 'pages/login/index'
+				//           // })
+				//         }
+				//       })
+				//     }
+				//   })
+				// }
 
-    },
-    tabClick(num) {
-      if(num) {
-        this.tab_index = num
-      }
-    }
-  },
-}
+			},
+			tabClick(num) {
+				if (num) {
+					this.tab_index = num
+				}
+			},
+			scrolltolower() {
+				if(this.tab_index === 1) {
+					this.$refs.homeIndexRef.scrolltolower()
+				} else if(this.tab_index === 3) {
+					this.$refs.myIndexRef.scrolltolower()
+				}
+			}
+		},
+	}
 </script>
 
 <template>
-<view class="flex-common-css">
-  <view class="top-b bgc-f plr-20 box-sizing-border align-items-center flex-justify-space">
-    <image
-        class="img-box"
-        src="@/static/img/logo/logo.png"
-        ></image>
-    <view class="fs-30">
-      {{abbreviateString(address)}}
-    </view>
-  </view>
-  <view class="content-b p-20 box-sizing-border">
-    <view class="scroll-view-css">
-      <homeIndex v-if="tab_index === 1" :address="address"></homeIndex>
-      <convertIndex v-else-if="tab_index === 2"></convertIndex>
-      <myIndex v-else></myIndex>
-    </view>
-    <view class="tab-b align-items-center flex-justify-space b-rad-10 bgc-f">
-      <view @click="tabClick(1)" class="flex-1 flex-direction-column align-items-center flex-justify-center">
-        <image
-            class="tab-img mb-4"
-            v-if="tab_index === 1"
-            :src="require('@/static/img/tab/index.svg')"
-            ></image>
-        <image
-            class="tab-img mb-4"
-            v-else
-            :src="require('@/static/img/tab/index-two.svg')"
-            ></image>
-        <view class="fs-28" :class="tab_index === 1?'fc-f78820':''">首页</view>
-      </view>
-      <view @click="tabClick(2)" class="flex-1 flex-direction-column align-items-center flex-justify-center">
-        <image
-            class="tab-img mb-4"
-            :src="require('@/static/img/tab/jh.svg')"
-            ></image>
-        <view class="fs-28" :class="tab_index === 2?'fc-f78820':''">兑换</view>
-      </view>
-      <view @click="tabClick(3)" class="flex-1 flex-direction-column align-items-center flex-justify-center">
-        <image
-            v-if="tab_index === 3"
-            class="tab-img mb-4"
-            :src="require('@/static/img/tab/my-two.svg')"
-            ></image>
-        <image
-            v-else
-            class="tab-img mb-4"
-            :src="require('@/static/img/tab/my.svg')"
-            ></image>
-        <view class="fs-28" :class="tab_index === 3?'fc-f78820':''">我的</view>
-      </view>
-    </view>
-  </view>
-</view>
+	<view class="flex-common-css">
+		<view class="top-b bgc-f plr-20 box-sizing-border align-items-center flex-justify-space">
+			<image class="img-box" src="@/static/img/logo/logo.png"></image>
+			<view class="fs-30">
+				{{abbreviateString(address)}}
+			</view>
+		</view>
+		<scroll-view :scroll-y="true" class="scroll-view-css" @scrolltolower="scrolltolower">
+			<view class="p-20 box-sizing-border">
+				<homeIndex ref="homeIndexRef" v-if="tab_index === 1" :address="address"></homeIndex>
+				<convertIndex v-else-if="tab_index === 2"></convertIndex>
+				<myIndex ref="myIndexRef" v-else></myIndex>
+			</view>
+		</scroll-view>
+		<view class="tab-box box-sizing-border">
+			<view class="tab-b align-items-center flex-justify-space b-rad-10 bgc-f">
+				<view @click="tabClick(1)" class="flex-1 flex-direction-column align-items-center flex-justify-center">
+					<image class="tab-img mb-4" v-if="tab_index === 1" :src="require('@/static/img/tab/index.svg')">
+					</image>
+					<image class="tab-img mb-4" v-else :src="require('@/static/img/tab/index-two.svg')"></image>
+					<view class="fs-28" :class="tab_index === 1?'fc-f78820':''">首页</view>
+				</view>
+				<view @click="tabClick(2)" class="flex-1 flex-direction-column align-items-center flex-justify-center">
+					<image class="tab-img mb-4" :src="require('@/static/img/tab/jh.svg')"></image>
+					<view class="fs-28" :class="tab_index === 2?'fc-f78820':''">兑换</view>
+				</view>
+				<view @click="tabClick(3)" class="flex-1 flex-direction-column align-items-center flex-justify-center">
+					<image v-if="tab_index === 3" class="tab-img mb-4" :src="require('@/static/img/tab/my-two.svg')">
+					</image>
+					<image v-else class="tab-img mb-4" :src="require('@/static/img/tab/my.svg')"></image>
+					<view class="fs-28" :class="tab_index === 3?'fc-f78820':''">我的</view>
+				</view>
+			</view>
+		</view>
+	</view>
 </template>
 
 <style scoped lang="scss">
-.content-b{
-  width: 100%;
-  height: calc(100vh - 98rpx);
-  display: flex;
-  flex-direction: column;
-}
-.top-b{
-  width: 100%;
-  height: 98rpx;
-  line-height: 98rpx;
-}
-.img-box{
-  width: 78rpx;
-  height: 60rpx;
-}
-.tab-img{
-  width: 50rpx;
-  height: 50rpx;
-}
-.tab-b{
-  width: 100%;
-  height: 138rpx;
-  padding: 20rpx 0;
-  box-sizing: border-box;
-}
-</style>
+	.content-b {
+		width: 100%;
+		height: calc(100vh - 98rpx);
+		display: flex;
+		flex-direction: column;
+	}
+
+	.top-b {
+		width: 100%;
+		height: 98rpx;
+		line-height: 98rpx;
+	}
+
+	.img-box {
+		width: 78rpx;
+		height: 60rpx;
+	}
+
+	.tab-img {
+		width: 50rpx;
+		height: 50rpx;
+	}
+
+	.tab-box {
+		padding: 0 20rpx 20rpx;
+	}
+
+	.tab-b {
+		width: 100%;
+		height: 138rpx;
+		padding: 20rpx 0;
+		box-sizing: border-box;
+	}
+</style>

pages/my/my-index.vue

@@ -1,139 +1,163 @@
 <script>
-import tokenpocketBnb from "@/common/wallet/tokenpocket-wallet/tokenpocket-bnb";
-import {getTotalMoney} from "@/api/money";
-import {getTeamList} from "@/api/member";
+	import tokenpocketBnb from "@/common/wallet/tokenpocket-wallet/tokenpocket-bnb";
+	import blank from "@/components/en-utils/en-blank/en-blank.vue"
+	import {
+		getTotalMoney
+	} from "@/api/money";
+	import {
+		getTeamList
+	} from "@/api/member";
 
-export default {
-  name: "my-index",
-  props:{
-    address:{
-      default:''
-    }
-  },
-  components: {},
-  watch:{
-    'address':function () {
-      this.getIconNum()
-    }
-  },
-  data() {
-    return {
-      coinNum:'',
-      coinText:'',
-      pledgeTotal:'',
-      revenueTotal:'',
-      list:[],
-      page:1,
-    };
-  },
-  mounted() {
-    this.getIconNum()
-    this.getTotalMoney()
-    this.getTeamList()
-  },
-  methods: {
-    abbreviateString(str ){
-      let startLength=4;
-      let endLength=4;
-      if (str.length <= startLength + endLength + 1) {
-        return str; // 如果字符串长度不足以被截断，则返回原字符串
-      }
-      return str.slice(0, startLength) + '...' + str.slice(-endLength);
-    },
-    getTeamList(){
-      getTeamList({'page':this.page}).then(res=>{
-        if(res.code===1){
-          ++this.page
-          this.list.push(...res.data.items)
-        }
-      })
-    },
-    getTotalMoney(){
-      getTotalMoney().then(res=>{
-        if (res.code===1){
-          this.pledgeTotal=res.data.pledgeTotal
-          this.revenueTotal=res.data.revenueTotal
+	export default {
+		name: "my-index",
+		props: {
+			address: {
+				default: ''
+			}
+		},
+		components: {blank},
+		watch: {
+			'address': function() {
+				this.getIconNum()
+			}
+		},
+		data() {
+			return {
+				coinNum: '',
+				coinText: '',
+				pledgeTotal: '',
+				revenueTotal: '',
+				list: [],
+				page: 1,
+				total: '',
+			};
+		},
+		mounted() {
+			this.getIconNum()
+			this.getTotalMoney()
+			this.getTeamList()
+		},
+		methods: {
+			abbreviateString(str) {
+				let startLength = 4;
+				let endLength = 4;
+				if (str.length <= startLength + endLength + 1) {
+					return str; // 如果字符串长度不足以被截断，则返回原字符串
+				}
+				return str.slice(0, startLength) + '...' + str.slice(-endLength);
+			},
+			getTeamList() {
+				getTeamList({
+					'page': this.page
+				}).then(res => {
+					if (res.code === 1) {
+						this.list.push(...res.data.items)
+						this.total = res.data.total
+					}
+				})
+			},
+			scrolltolower() {
+				if (this.list.length < this.total) {
+					++this.page
+					this.getTeamList()
+					// console.log('触底');
+				}
+			},
+			getTotalMoney() {
+				getTotalMoney().then(res => {
+					if (res.code === 1) {
+						this.pledgeTotal = res.data.pledgeTotal
+						this.revenueTotal = res.data.revenueTotal
 
-        }
-      })
-    },
-      getIconNum(){
-        this.address=tokenpocketBnb.getMyAddress()
-      if(this.address===''){
-        return
-      }
-       tokenpocketBnb.getTokenBalance(this.address,0).then(coinNum=>{
-        this.coinNum=coinNum
-      })
+					}
+				})
+			},
+			getIconNum() {
+				this.address = tokenpocketBnb.getMyAddress()
+				if (this.address === '') {
+					return
+				}
+				tokenpocketBnb.getTokenBalance(this.address, 0).then(coinNum => {
+					this.coinNum = coinNum
+				})
 
-    },
-    goUrl() {
-      uni.navigateTo({
-      	url: 'pages/my/inner-page/all_profit'
-      });
-    }
-  },
-}
+			},
+			goUrl() {
+				uni.navigateTo({
+					url: 'pages/my/inner-page/all_profit'
+				});
+			}
+		},
+	}
 </script>
 
 <template>
-<view>
-  <view class="align-items-center mb-32">
-    <view class="h-80 b-rad-20 bg-one flex-1 flex-direction-column align-items-center flex-justify-center mr-20">
-      <view class="fs-28 fc-f">余额</view>
-      <view class="fs-30 fc-f fw-b">
-        {{coinNum}}
-      </view>
-    </view>
-    <view class="h-80 b-rad-20 bg-two flex-1 flex-direction-column align-items-center flex-justify-center mr-20">
-      <view class="fs-28 fc-f">贡献</view>
-      <view class="fs-30 fc-f fw-b">
-        {{pledgeTotal}}
-      </view>
-    </view>
-    <view @click="goUrl" class="h-80 b-rad-20 bg-one flex-1 flex-direction-column align-items-center flex-justify-center">
-      <view class="fs-28 fc-f">总收益</view>
-      <view class="fs-30 fc-f fw-b">
-        {{revenueTotal}}
-      </view>
-    </view>
-  </view>
-  <view class="fs-34 fw-b mb-20">
-    我的团队
-  </view>
-  <view class="bgc-f p-10 box-sizing-border b-rad-20" v-for="item in list">
-    <view class="pb-10 border-bottom-e5e5e5 fs-28 mb-20">
-      {{abbreviateString(item.address,6)}}
-    </view>
-    <view class="align-items-start flex-justify-space pb-10">
-      <view class="flex-1 left-box">
-          <view class="fs-28 mb-4">注册时间: {{item.created_date}}</view>
-          <view class="fs-28 mb-4">团队人数:{{item.clanNum}}</view>
-          <view class="fs-28">直推人数:{{item.recomNum}}</view>
-      </view>
-<!--      <view class="flex-1 pl-20 box-sizing-border">-->
-<!--        <view class="fs-28 mb-4">自身业绩:10000</view>-->
-<!--        <view class="fs-28">团队业绩:10000</view>-->
-<!--      </view>-->
-    </view>
-  </view>
-  <view>
+	<view>
+		<view class="align-items-center mb-32">
+			<view
+				class="h-80 b-rad-20 bg-one flex-1 flex-direction-column align-items-center flex-justify-center mr-20">
+				<view class="fs-28 fc-f">余额</view>
+				<view class="fs-30 fc-f fw-b">
+					{{coinNum}}
+				</view>
+			</view>
+			<view
+				class="h-80 b-rad-20 bg-two flex-1 flex-direction-column align-items-center flex-justify-center mr-20">
+				<view class="fs-28 fc-f">贡献</view>
+				<view class="fs-30 fc-f fw-b">
+					{{pledgeTotal}}
+				</view>
+			</view>
+			<view @click="goUrl"
+				class="h-80 b-rad-20 bg-one flex-1 flex-direction-column align-items-center flex-justify-center">
+				<view class="fs-28 fc-f">总收益</view>
+				<view class="fs-30 fc-f fw-b">
+					{{revenueTotal}}
+				</view>
+			</view>
+		</view>
+		<view class="fs-34 fw-b mb-20">
+			我的团队
+		</view>
+		<view class="bgc-f p-10 box-sizing-border b-rad-20" v-for="item in list">
+			<view class="pb-10 border-bottom-e5e5e5 fs-28 mb-20">
+				{{abbreviateString(item.address,6)}}
+			</view>
+			<view class="align-items-start flex-justify-space pb-10">
+				<view class="flex-1 left-box">
+					<view class="fs-28 mb-4">注册时间: {{item.created_date}}</view>
+					<view class="fs-28 mb-4">团队人数:{{item.clanNum}}</view>
+					<view class="fs-28">直推人数:{{item.recomNum}}</view>
+				</view>
+				<!--      <view class="flex-1 pl-20 box-sizing-border">-->
+				<!--        <view class="fs-28 mb-4">自身业绩:10000</view>-->
+				<!--        <view class="fs-28">团队业绩:10000</view>-->
+				<!--      </view>-->
+			</view>
+		</view>
+		<view v-if="list.length<=0" class="blank-box align-items-center flex-justify-center">
+			<blank :showBlank="list.length<=0?true:false" message="暂无数据"></blank>
+		</view>
+		<view>
 
-  </view>
-</view>
+		</view>
+	</view>
 </template>
 
 <style scoped lang="scss">
-.bg-one{
-  background-image: linear-gradient(270deg, #2353db, #54c8ff);
-}
-.bg-two{
-  background-image: linear-gradient(270deg, #ffc62c, #ffa954);
-}
-.h-80{
-  height: 160rpx;
-}
-.left-box{
-  border-right: 2rpx solid #ccc;
-}
-</style>
+	.bg-one {
+		background-image: linear-gradient(270deg, #2353db, #54c8ff);
+	}
+
+	.bg-two {
+		background-image: linear-gradient(270deg, #ffc62c, #ffa954);
+	}
+
+	.h-80 {
+		height: 160rpx;
+	}
+
+	.left-box {
+		border-right: 2rpx solid #ccc;
+	}
+</style>