caimei-applets-caimei/components/cm-module/homeIndex/pageFloor.vue

<template>
	<view>
		<view class="page-content clearfix" v-for="(page,index) in pageFloorList" :key="index">
			<view class="tui-group-name" >
				<view class="tui-group-title">
					<view class="tui-group-l">{{ page.title }}</view>
					<view class="tui-group-r">
						<text>更多</text>
						<text class="iconfont icon-xiayibu"></text>
					</view>
					
				</view>
				<view class="tui-sub__desc">{{ page.content }}</view>
			</view>
			<template v-if="page.type == 1">
				<template-a :pageData="page"></template-a>
			</template>	 
			<template v-if="page.type == 2">
				<template-b :pageData="page"></template-b>
			</template>	 
			<template v-if="page.type == 3">
				<template-c :pageData="page"></template-c>
			</template>	 
			<template v-if="page.type == 4">
				<template-d :pageData="page"></template-d>
			</template>	 
			<template v-if="page.type == 5">
				<template-e :pageData="page"></template-e>
			</template>	 
			<template v-if="page.type == 6">
				<template-f :pageData="page"></template-f>
			</template>	 
			<template v-if="page.type == 7">
				<template-g :pageData="page"></template-g>
			</template>	 
		</view>
	</view>
</template>

<script>
	import templateA from '@/components/cm-module/pageTemplate/templateA.vue'
	import templateB from '@/components/cm-module/pageTemplate/templateB.vue'
	import templateC from '@/components/cm-module/pageTemplate/templateC.vue'
	import templateD from '@/components/cm-module/pageTemplate/templateD.vue'
	import templateE from '@/components/cm-module/pageTemplate/templateE.vue'
	import templateF from '@/components/cm-module/pageTemplate/templateF.vue'
	import templateG from '@/components/cm-module/pageTemplate/templateG.vue'
	import templateH from '@/components/cm-module/pageTemplate/templateH.vue'
	export default{
		name:"pageFloor",
		components:{
			templateA,
			templateB,
			templateC,
			templateD,
			templateE,
			templateF,
			templateG,
			templateH,
		},
		props:{
			list:{
				type:Array
			},
			userIdentity:{
				type:Number
			}
		},
		data() {
			return{
				pageFloorList:[]
			}
		},
		created(){
			this.initData(this.list)
		},
		computed: {
	
		},
		methods:{
			initData(data){
				this.pageFloorList = data
				console.log(this.pageFloorList)
			},
			NavToDetailPage(item) {//跳转
				this.$api.navigateTo(`/supplier/pages/user/my-shop?shopId=${item.linkParam.id}`)
			}
		}
	}
</script>

<style lang="scss">
	.page-content{
		background-color: #F7F7F7;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		padding: 0 24rpx;
		float: left;
	}
	.tui-group-name {
		width: 100%;
		height: 92rpx;
		padding: 20rpx 0;
	}
	.tui-group-title{
		width: 100%;
		float: left;
		.tui-group-l{
			float: left;
			font-size: 34rpx;
			font-weight: bold;
			text-align: left;
			line-height: 49rpx;
			color: #333;
		}
		.tui-group-r{
			float: right;
			font-size: $font-size-26;
			text-align: right;
			line-height: 49rpx;
			color: #999999;
			.icon-xiayibu{
				font-size: $font-size-30;
				color: #999999;
			}
		}
	}
	.tui-sub__desc {
		width: 100%;
		float: left;
		color: rgba(153,153,153,0.9);
		font-size: $font-size-26;
	}
</style>