guosen-ldt-shop/pages/material-download/material-download.vue

<template>
	<view class="poster_page">
		<mp-swiper name="image" :list="list" @click="createPoster"></mp-swiper>
	</view>
</template>
<script>
	import mpSwiper from "./comps/mp-swiper.vue"
	export default {
		components: {
			mpSwiper
		},
		data() {
			return {
				list: [{
						name: '模板1',
						image: 'https://guosen-bucket-ldt.obs.cn-south-1.myhuaweicloud.com:443/09fd8a561be341898cf0a18676cb5543-gx8N2ZYZ1Tgfd68d224f9be781b5350604a93eb19665.png'
					},
					{
						name: '模板2',
						image: 'https://guosen-bucket-ldt.obs.cn-south-1.myhuaweicloud.com:443/78978a6eff7e405aa94ce88c2e2c5db8-sIJjjTCcbtWm8125a0b912d80d468bc514b4025468ca.png'
					},
					{
						name: '模板3',
						image: 'https://guosen-bucket-ldt.obs.cn-south-1.myhuaweicloud.com:443/ed3e1b59af934cf481fe8ec1747e1e3a-TztUhOtCZEHt83e8384035c15466d4a17cf6ee3c9519.png'
					},
					{
						name: '模板4',
						image: 'https://guosen-bucket-ldt.obs.cn-south-1.myhuaweicloud.com:443/be1bf10664ed47998752a423abae5d7f-cQkZEj7ZXbZ1662466380785e447bc1b1c3155317a95.png'
					}
				],
				templateIndex:1,
				type:''
			};
		},
		onLoad(options) {
			this.type=options.type || ''
		},
		methods: {
			createPoster(index) {
				this.templateIndex=index + 1
				if (this.$isNotEmpty(this.type)) {
					//生成点餐码
					uni.navigateTo({
						url:"createOrderPoster?index="+this.templateIndex
					})
					return
				}
				//生成付款码
				uni.navigateTo({
					url:"createPoster?index="+this.templateIndex
				})
			},
		}
	};
</script>
<style lang="scss" scoped>

</style>