groupon-wx/pages/groupbuying/distributionPerformance/index.vue

<template>
	<view>
		<view>
			<mescroll-item ref="MescrollItem"  :i="index" :index="tabIndex" :height="height" v-for="(tab,index) in tabsList" :key="index">
			</mescroll-item>
		</view>
	</view>
</template>

<script>
	import MescrollItem from "./module/mescrollUni-item.vue";
import {
	getUserInfo,
	userEdit,
	getLogout
} from '@/api/user.js';
import {
	switchH5Login
} from '@/api/api.js';
import {
	toLogin
} from '@/libs/login.js';
import {
	mapGetters
} from "vuex";
import dayjs from "@/plugin/dayjs/dayjs.min.js";
// #ifdef MP
import authorize from '@/components/Authorize';
// #endif
import colors from '@/mixins/color.js';
export default {
	components: {
		MescrollItem,
		// #ifdef APP-PLUS
		appUpdate,
		// #endif
		// #ifdef MP
		authorize
		// #endif
	},
	mixins: [colors],
	data () {
		return {
			height:'',
			tabIndex:0,
			tabsList:[{name:"分销业绩"}]
		};
	},
	computed: mapGetters(['isLogin']),
	watch: {
		isLogin: {
			handler: function (newV, oldV) {
				if (newV) {
				}
			},
			deep: true
		}
	},
	onLoad () {

	},
	onShow(){
		let sysInfo = uni.getSystemInfoSync()
		this.height= sysInfo.windowHeight -(sysInfo.screenWidth/750) * (200) +'px';
		console.log(this.height)
	},
	methods: {

		swiperChange: function (e) {
			this.currentSwiper = e.detail.current
		}


	}
}
</script>

<style scoped lang="scss">
.cartcolor {
	color: var(--view-theme);
	border: 1px solid var(--view-theme);
}

.myclient_list {
	margin-top: 30rpx;
	width: 750rpx;
	height: 160rpx;
	padding: 30rpx;
	background: #FFFFFF;

	.myclient_list_name {
		margin-bottom: 15rpx;
		height: 44rpx;
		line-height: 44rpx;
		display: flex;
		justify-content: space-between;

		.name-l {
			height: 44rpx;
			font-size: 28rpx;
			font-weight: 500;
			color: #111111;
			line-height: 44rpx;

		}

		.name-r {
			height: 44rpx;
			font-size: 28rpx;
			font-weight: 500;
			color: #75BE00;
			line-height: 44rpx;
		}
	}

	.myclient_list_content {

		image {
			width: 24rpx;
			height: 24rpx;
			margin-right: 20rpx;
		}

		.phone {
			margin-bottom: 15rpx;
			height: 44rpx;
			font-size: 24rpx;
			font-weight: 400;
			color: #999999;
			line-height: 44rpx;
		}

		.time {
			height: 44rpx;
			font-size: 24rpx;
			font-weight: 400;
			color: #999999;
			line-height: 44rpx;
		}
	}
}
</style>