Ana Sayfa Keşfet Yardım
Giriş Yap
zhengjinyi
/
caimei-activity-h5
1
0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Kaynağa Gözat

commit -m

zhengjinyi 4 yıl önce
ebeveyn
6dab725c73
işleme
7ffe4ab2ac
5 değiştirilmiş dosya ile 111 ekleme ve 0 silme
Görünümü Böl Farklılık Durumunu Göster
  1. 111 0
      html/2020/caimeih5_05.html
  2. BIN
      image/2020/05/01.png
  3. BIN
      image/2020/05/02.png
  4. BIN
      image/2020/05/banner.jpg
  5. BIN
      image/2020/05/bg.jpg

+ 111 - 0
html/2020/caimeih5_05.html
Dosyayı Görüntüle 

@@ -0,0 +1,111 @@
 
+<!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">
 
+	</head> 
+	<style type="text/css">
 
+		body{
 
+			background-color:#eaeaea;
 
+		}
 
+		.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;
 
+			padding: 0 0.63rem;
 
+			float: left;
 
+			background-color: #eaeaea;
 
+			background: url(https://static.caimei365.com/app/caimei-activity-h5/image/2020/05/bg.jpg) no-repeat;
 
+			background-size: cover;
 
+		}
 
+		.container-main .title{
 
+			width: 100%;
 
+			height: 1.1rem;
 
+			line-height: 1.1rem;
 
+			font-size: .24rem;
 
+			color: #222a37;
 
+			text-align: center;
 
+			float: left;
 
+		}
 
+		.container-main .section{
 
+			width: 100%;
 
+			height: 5.6rem;
 
+			float: left;
 
+			margin-bottom: .5rem;
 
+			border-radius: 0.02rem;
 
+		}
 
+		.container-main .section img{
 
+			width: 100%;
 
+			height: 100%;
 
+			display: block;
 
+			border-radius: 0.02rem;
 
+		}
 
+	</style>
 
+	<body>
 
+		<div class="container clearfix" id="activity">
 
+			<div class="banner">
 
+				<img :src="banner">
 
+			</div>
 
+			<div class="container-main">
 
+				<div class="title">
 
+					<p>- 此方案不与其他活动叠加  本活动仅限采美会员参与 -</p>
 
+				</div>
 
+				<div class="section" v-for="(item,index) in productList" :key="index" @click="WxMiniProgram(item.id)">
 
+					<img :src="item.image">
 
+				</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/2020/05/banner.jpg',
 
+					productList:[//正式环境 4451 3694 
+						{image:'https://static.caimei365.com/app/caimei-activity-h5/image/2020/05/01.png',id:'3694'},
 
+						{image:'https://static.caimei365.com/app/caimei-activity-h5/image/2020/05/02.png',id:'4451'},
 
+					]
 
+			    },
 
+			    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/2020/05/01.png
Dosyayı Görüntüle


BIN
image/2020/05/02.png
Dosyayı Görüntüle


BIN
image/2020/05/banner.jpg
Dosyayı Görüntüle


BIN
image/2020/05/bg.jpg
Dosyayı Görüntüle