horzi_rai_wxa/pages-purchaser/leaflet/leaflet.vue

<template>
	<view class="leaflet-image">
		<image :src="leafletImageUrl" mode="widthFix"></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				leafletImageUrlParams:'',
				leafletImageUrl:''
			}
		},
		methods: {
			
		},
		onLoad(option) {
			this.leafletImageUrlParams = option.leafletImage
			this.leafletImageUrl = option.leafletImage?decodeURIComponent(option.leafletImage):''
		},
		/** 用户点击分享 */
		onShareAppMessage: function (res) {
		  return {
		    title: "买方研选宣传单",
		    path: "/pages-purchaser/leaflet/leaflet?leafletImage="+this.leafletImageUrlParams,
		  };
		},
	}
</script>

<style lang="scss">
	.leaflet-image{
		image{
			width: 100vw;
			vertical-align: bottom;
			object-fit: cover;
		}
	}
</style>