caimei-applets-caimei/h5/pages/activity/meobohui-supplier.vue

<template>
	<view class="container home clearfix">
		<!-- 参展商 -->
		<view class="container-page clearfix">
			<view class="tui-group-list">
				<view class="floor-item-sup" v-for="(supps,index) in supplierList2" :key="index" @click="goSupplier(supps.id)">
					<image :src="supps.image" class="floor-item-image" mode=""></image>
				</view>
			</view>
		</view>
		<!-- 侧边 -->
		<scroll-top :isScrollTop="isScrollTop" :bottom="50"></scroll-top>
	</view>
</template>

<script>
	import authorize from '@/common/config/authorize.js'
	import pageFloor from '@/components/cm-module/homeIndex/pageFloor.vue'
	import supplierList from '@/components/cm-module/homeIndex/supplierList.vue'
	import { userInfoLogin } from "@/api/use.js"
	import { mapState,mapMutations} from 'vuex';
	export default {
		components:{
			pageFloor,
			supplierList,
		},
		data() {
			return {
				userID:0,
				current:0,
				mode:'round',
				modallayer:false,
				isLogin:false,
				skeletonShow: true,
				userIdentity:'',
				supplierList2:[
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456},
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456},
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456},
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456},
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456},
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456},
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456},
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456},
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456},
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456},
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456},
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456},
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456},
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456},
					{image:'http://static-b.caimei365.com/app/meibohui/meibo_logo@_01.png',id:23456}
				],
				isScrollTop:false
			}
		},
		onLoad() {
			
		},
		computed: {
			...mapState(['hasLogin','userInfo','identity','isActivity'])
		},
		methods: {
			...mapMutations(['login','logout']),
			goSupplier(value){//跳供应商资料页
				this.$api.navigateTo('/supplier/pages/user/my-shop?shopId='+value)
			},
		},
		onPageScroll(e){//实时获取到滚动的值
			if(e.scrollTop>400){
				this.isScrollTop = true
			}else{
				this.isScrollTop = false
			}	
		},
		onPullDownRefresh() {//下拉刷新
			this.getHomeInformation()
			uni.stopPullDownRefresh()
		},
		onShareAppMessage(res){//分享转发
			if (res.from === 'button') {
		      // 来自页面内转发按钮
		    }
			return {
			  title: '生美医美正品采购服务平台',
			  path: '/h5/pages/activity/meobohui',
			  imageUrl:'https://static.caimei365.com/app/img/bg/min-banner.jpg'
			}
		},
		onShow(){
			
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #F7F7F7;
	}
	.container-page{
		background-color: #F7F7F7;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		padding: 24rpx;
		float: left;
	}
	.tui-group-list{
		width: 100%;
		height: auto;
		.floor-item-sup{
			width: 162rpx;
			height: 162rpx;
			float: left;
			margin-right: 18rpx;
			margin-bottom: 24rpx;
			&:nth-child(4n){
				margin-right: 0;
			}
			.floor-item-image{
				width: 100%;
				height: 100%;
				display: block;
			}
		}
	}
	.container-section{
		width: 100%;
		height: auto;
		background-color: #F7F7F7;
	}
</style>