Ver Fonte

commit - m

zhengjinyi há 4 anos atrás
pai
commit
b1323c406b
3 ficheiros alterados com 93 adições e 0 exclusões
  1. 93 0
      html/2021/activity_05.html
  2. BIN
      image/2021/05/01.jpg
  3. BIN
      image/2021/05/banner.jpg

+ 93 - 0
html/2021/activity_05.html

@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
+		<title></title>
+		<link rel="stylesheet" type="text/css" href="https://static.caimei365.com/app/caimei-activity-h5/css/common/utils.css">
+		<style type="text/css">
+			body{
+				background-color:#a52b2b;
+				min-height: 100vw;
+			}
+			.container{
+				width: 100%;
+				height: auto;
+			}
+			.banner{
+				width: 100%;
+				height: auto;
+				float: left;
+			}
+			.banner img{
+				width: 100%;
+				height: auto;
+				display: block;
+			}
+			.container-main{
+				width: 100%;
+				box-sizing: border-box;
+				height: auto;
+				float: left;
+				background-color:#ffdad8;
+			}
+			.container-main .section{
+				width: 100%;
+				height: auto;
+				float: left;
+			}
+			.container-main .section .section-image{
+				width: 100%;
+				height: auto;
+				display: block;
+			}
+		</style>
+	</head>   
+	<body>
+		<div class="container clearfix" id="activity">
+			<div class="banner">
+				<img :src="banner">
+			</div>
+			<div class="container-main">
+				<div class="section" v-for="(item,index) in imageList" :key="index" @click="WxMiniProgram(item.id)">
+					<img class="section-image" :src="item.path">
+				</div>
+			</div>
+		</div>
+		<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
+		<script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/jquery.min.js"></script>
+		<script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/vue2.6.11.min.js"></script>
+		<script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/init.js"></script>
+		<script type="text/javascript">
+			var ACTIVITY = new Vue({
+			    el: '#activity',
+			    data: {
+					banner:'https://static.caimei365.com/app/caimei-activity-h5/image/2021/05/banner.jpg',
+					imageList:[
+						{path:'https://static.caimei365.com/app/caimei-activity-h5/image/2021/05/01.jpg',id:4490}
+					]
+			    },
+			    computed: {
+			
+			    },
+			    methods: {
+					WxMiniProgram:function(id){
+					   console.log(id)
+					   wx.miniProgram.navigateTo(
+							{
+								url: '/pages/goods/product?id='+id,
+							}
+						)
+					}
+			    },
+			    created: function () {
+			
+			    },
+			    mounted: function () {
+			        var _self = this;
+			    }
+			});
+		</script>   
+	</body>
+</html>

BIN
image/2021/05/01.jpg


BIN
image/2021/05/banner.jpg