caimei-applets-caimei/h5/pages/activity/activity.vue

<template>
	<view class="activity">
	   <web-view :webview-styles="webviewStyles" :src="activityPath"></web-view>
	   <!-- 侧边 -->
	   <scroll-top :isScrollTop="isScrollTop" :bottom="200"></scroll-top>
	</view>
</template>

<script>
	export default {
	    data() {
	        return {
	            webviewStyles: {
	                progress: {
	                    color: '#FF3333'
	                }
	            },
				productID:'',
				activityPath:'',
				isScrollTop:false
	        }
	    },
		onLoad(option) {
			console.log(option)
			switch(option.id){
				case '276':
					this.activityPath = 'https://static.caimei365.com/app/caimei-activity-h5/html/2020/caimeih5_04.html'
					uni.setNavigationBarTitle({title:'保信亚太全脂然,买二送一'});
					break;
				case '277':
					this.activityPath = 'https://static.caimei365.com/app/caimei-activity-h5/html/2020/caimeih5_01.html'
					uni.setNavigationBarTitle({title:'三昭国际优惠'});
					break;
				case '278':
					this.activityPath = 'https://static.caimei365.com/app/caimei-activity-h5/html/2020/caimeih5_02.html'
					uni.setNavigationBarTitle({title:'点斗优惠'});
					break;
				case '281':
					this.activityPath = 'https://static.caimei365.com/app/caimei-activity-h5/html/2020/caimeih5_05.html'
					uni.setNavigationBarTitle({title:'润月雅优惠'});
					break;
				case '282':
					this.activityPath = 'https://static.caimei365.com/app/caimei-activity-h5/html/2020/caimeih5_06.html'
					uni.setNavigationBarTitle({title:'中胚层专场'});
					break;
				case '284':
					this.activityPath = 'https://static.caimei365.com/app/caimei-activity-h5/html/2020/caimeih5_07.html'
					uni.setNavigationBarTitle({title:' 光疗术后修复专场'});
					break;
				case '223':
					this.activityPath = 'https://static.caimei365.com/app/caimei-activity-h5/html/2020/caimeih5_99.html'
					uni.setNavigationBarTitle({title:'品牌OEM服务'});
					break;
			}
			
		},
		methods:{
			
		},
		onPageScroll(e){//实时获取到滚动的值
			if(e.scrollTop>600){
				this.isScrollTop = true
			}else{
				this.isScrollTop = false
			}	
		},
	}
</script>
	
<style lang="scss">
	.activity{
		width: 100%;
		height: auto;
		image{
			width: 100%;
			height: auto;
		}
	}
</style>