wxThird/pages/partner/partner.vue

<template>
<view class="box">
  <view class="top-box" :style="{background:'#'+themeColor}"> </view>
  <view class="topCont">
	  <view class="topContLIne topContLIne1">
		  <view class="topContLIneTitle">未提现金额</view>
		  <view class="topContLIneNum">99999.98</view>
	  </view>
	  <view class="topContLIne topContLIne2">
		  <view class="topContLIneTitle">剩余股本金额</view>
		  <view class="topContLIneNum">99999.98</view>
	  </view>
	  <view class="topContLIne topContLIne3">
		  <view class="topContLIneTitle">累计提现金额</view>
		  <view class="topContLIneNum">99999.98</view>
	  </view>
	  <view class="topContLIne topContLIne4">
		  <view class="topContLIneTitle">累计分红金额</view>
		  <view class="topContLIneNum">99999.98</view>
	  </view>
  </view>
  <view class="lineBox">
	  <view class="line" @click="goRouter('bonus')">
		  <view class="lineLeft">
		  	<image src="../../static/timg/icon_fenhongjilu.png" mode="" class="lineLeftImg"></image>
		  	<view class="lineLeftTxt">分红记录</view>
		  </view>
		  <view class="lineRight">
		  		  <view class="lineRIghtNUm">999</view>
		  		  <image src="../../static/timg/icon_arrow_right.png" mode="" class="lineRightImg"></image>
		  </view>
	  </view>
	  <view class="line" @click="goRouter('people')">
	  		  <view class="lineLeft">
	  		  	<image src="../../static/timg/icon_renmai.png" mode="" class="lineLeftImg"></image>
	  		  	<view class="lineLeftTxt">下线人脉</view>
	  		  </view>
	  		  <view class="lineRight">
				  <view class="lineRIghtNUm">999</view>
				  <image src="../../static/timg/icon_arrow_right.png" mode="" class="lineRightImg"></image>
	  	      </view>
	  	  </view>
  </view>
   
   <view class="lineBox">
   	  <view class="line" @click="goRouter('myQr')">
   		  <view class="lineLeft">
   		  	<image src="../../static/timg/icon_erweima.png" mode="" class="lineLeftImg"></image>
   		  	<view class="lineLeftTxt">生成二维码</view>
   		  </view>
   		  <view class="lineRight">
   		  		  <image src="../../static/timg/icon_arrow_right.png" mode="" class="lineRightImg"></image>
   		  </view>
   	  </view>
   	  
   </view>
</view>
</template>

<script>
	export default {
		components: {
			
		},
		
		data() {
			return {
				
				themeColor:'',
				userInfo:'',
			}
		},
		onLoad(opt) {
			this.themeColor = uni.getStorageSync("themeColor");
			this.userInfo = uni.getStorageSync("userInfo");
			
		},
		onShow() {
			
		},
		methods: {
			goRouter(url){
				uni.navigateTo({
					url:url
				})
			}
			
		}
	}
</script>

<style scoped lang="less">
.box {
	width: 100vw;
	min-height: 100vh;
	background: #F4F5F7;
}
.top-box{
	width: 750rpx;
	height: 192rpx;
	background: #FF0000;
	
}
.topCont{
	width: 702rpx;
	height: 358rpx;
	background: #FFFFFF;
	border-radius: 10rpx;
	margin-left: 24rpx;
	margin-top: -148rpx;
	display: flex;
	flex-wrap: wrap;
}
.topContLIne{
	width: 350rpx;
	height: 178rpx;
	text-align: center;
}
.topContLIne1{
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.topContLIne2{
	border-bottom: 1px solid #EEEEEE;
}
.topContLIne3{
	border-right: 1px solid #EEEEEE;
	
}
.topContLIneTitle{
	color: #666666;	font-size: 28rpx;padding-top: 28rpx;
}
.topContLIneNum{
	color: #FF0000;
	font-size: 40rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	padding-top: 10rpx;
}
.lineLeftImg{
	width: 34rpx;
	height: 34rpx;
}
.lineLeftTxt{
	color: #333333;font-size: 28rpx;line-height: 34rpx;padding-left: 24rpx;
}
.lineRIghtNUm{
	color: #666666;font-size: 28rpx;line-height: 34rpx;padding-right: 16rpx;
}
.lineRightImg{
	width: 12rpx;
	height: 20rpx;
	margin-top: 7rpx;
}
.lineBox{
	background: #FFFFFF;width: 702rpx;margin-top: 20rpx;margin-left: 24rpx;
}
.line{
	display: flex;
	justify-content: space-between;
	padding: 38rpx 32rpx;
}
.lineLeft{
		display: flex;
}
.lineRight{
	display: flex;
}
</style>