caimei-applets-caimei/h5/pages/article/page-image.vue

<template>
	<view class="activity">
		<image :src="banner" mode="widthFix"></image>
	</view>
</template>

<script>
	export default {
	    data() {
	        return {
	            webviewStyles: {
	                progress: {
	                    color: '#FF3333'
	                }
	            },
				banner:'',
				
	        }
	    },
		onLoad(option) {
			this.banner = option.image
			uni.setNavigationBarTitle({title:option.title});
		},
		methods:{
			navToDetailPage() {//跳转商品详情页
				this.$api.navigateTo(`/pages/goods/product?id=${this.productID}`)
			},
		}
	}
</script>
	
<style lang="scss">
	.activity{
		width: 100%;
		height: auto;
		image{
			width: 100%;
			height: auto;
		}
	}
</style>