caimei-applets-caimei/components/cm-module/pcitureTemplate/templateC.vue

<template>
	<scroll-view scroll-x="true" class="picture">
		<view class="section" v-for="(item , index) in productList" @click="navigaitionTo(item)">
			<image :src="item.appletsImage" mode="heightFix"></image>
		</view>
	</scroll-view>
</template>

<script>
import caimeiApi from '@/common/config/caimeiApi.js'
export default{
	data(){
		return{
			productList:[]
		}
	},
	props:{
		pageData: {
			type: Object
		},
		userIdentity: {
			type: Number
		}
	},
	created() {
		this.initData(this.pageData);
	},
	methods:{
		initData(data){
			this.productList = data.floorImageList;
		},
		navigaitionTo(item){
			if (item.adsImage === '' && item.linkType === -1) {
				return
			}else if(item.linkType === -1){
				uni.navigateTo({
					url:`/h5/pages/activity/activity-detail?adsImage=${item.adsImage}&title=${item.name}`
				})
			}else{
				caimeiApi.FlooryNavigateTo(item)
			}
		}
	}
}
</script>

<style lang="scss">
.picture{
	width: 750rpx;
	margin-left: -24rpx;
	white-space: nowrap;
	.section{
		display: inline-block;
		margin-right: 24rpx;
		width: 310rpx;
		height: 240rpx;
		overflow: hidden;
		border-radius: 16rpx;
		image{
			width: 310rpx;
			height: 240rpx;
		}
		&:first-child{
			margin-left: 24rpx;
		}
	}
}
</style>