Browse Source

增加h5活动页模块

zhengjinyi 5 years ago
parent
commit
c768d461a5
1 changed files with 44 additions and 0 deletions
  1. 44 0
      h5/pages/activity/activity.vue

+ 44 - 0
h5/pages/activity/activity.vue

@@ -0,0 +1,44 @@
+<template>
+	<view class="activity">
+		<image @click.stop="navToDetailPage" src="https://img.caimei365.com/group1/M00/03/9A/Cmis216Zf8GAb_UqABE6NiwUUZs004.jpg" mode="widthFix"></image>
+	   <!-- <web-view :webview-styles="webviewStyles" :src="activityPath"></web-view> -->
+	</view>
+</template>
+
+<script>
+	export default {
+	    data() {
+	        return {
+	            webviewStyles: {
+	                progress: {
+	                    color: '#FF3333'
+	                }
+	            },
+				productID:'',
+				activityPath:''
+	        }
+	    },
+		onLoad(option) {
+			console.log(option)
+			this.activityPath = option.path
+			this.productID = option.productID
+			uni.setNavigationBarTitle({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>