commit-m first

css/2020/caimeih5_01.css

@@ -0,0 +1,47 @@
+body{
+	background-color:#222222;
+}
+.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:#222222;
+}
+.container-main .title{
+	width: 100%;
+	height: 1.1rem;
+	line-height: 1.1rem;
+	font-size: .24rem;
+	color: #FFFFFF;
+	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;
+}

css/2020/caimeih5_02.css

@@ -0,0 +1,54 @@
+body{
+	background-color:#ffdad8;
+}
+.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:#ffdad8;
+}
+.container-main .title{
+	width: 100%;
+	display: table;
+	height: .38rem;
+	border-radius: 0.02rem;
+	background-color: #ff585e;
+	margin:0.4rem 0;
+	float: left;
+}
+.container-main .title p{
+	font-size: .2rem;
+	color: #FFFFFF;
+	text-align: center;
+	display: table-cell;
+	vertical-align: middle;
+}
+.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;
+}

css/2020/caimeih5_03.css

@@ -0,0 +1,47 @@
+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;
+}
+.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;
+}

css/2020/caimeih5_99.css

@@ -0,0 +1,17 @@
+body{
+	background-color:#FFFFFF;
+}
+.container{
+	width: 100%;
+	height: auto;
+}
+.banner{
+	width: 100%;
+	height: auto;
+	float: left;
+}
+.banner img{
+	width: 100%;
+	height: auto;
+	display: block;
+}

css/common/utils.css

@@ -0,0 +1,211 @@
+@charset "utf-8";
+* {
+    word-wrap: break-word
+}
+
+html,
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+p,
+iframe,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+pre,
+form,
+button,
+input,
+textarea,
+th,
+td,
+fieldset,
+option {
+    margin: 0;
+    padding: 0;
+    border: 0;
+}
+
+ul,
+ol,
+dl {
+    list-style-type: none
+}
+
+html,
+body {
+    *position: static
+}
+
+html {
+    font-family: sans-serif;
+    -webkit-text-size-adjust: 100%;
+    -ms-text-size-adjust: 100%
+}
+
+address,
+caption,
+cite,
+code,
+dfn,
+em,
+th,
+var {
+    font-style: normal;
+    font-weight: normal
+}
+
+input,
+button,
+textarea,
+select,
+optgroup,
+option {
+    font-family: inherit;
+    font-size: inherit;
+    font-style: inherit;
+    font-weight: inherit
+}
+
+input,
+button {
+    overflow: visible;
+    vertical-align: middle;
+    outline: none
+}
+
+body,
+th,
+td,
+button,
+input,
+select,
+textarea {
+    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
+    font-size: 14px;
+    color: #333;
+    -webkit-font-smoothing: antialiased;
+    -moz-font-smoothing: antialiased
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-size: 100%
+}
+
+a,
+area {
+    outline: none;
+    blr: expression(this.onFocus=this.blur())
+}
+
+a {
+    text-decoration: none;
+    cursor: pointer;
+    color: #333;
+}
+
+a:hover {
+    text-decoration: none;
+    outline: none
+}
+
+a.ie6:hover {
+    zoom: 1
+}
+
+a:focus {
+    outline: none
+}
+
+a:hover,
+a:active {
+    outline: none
+}
+
+:focus {
+    outline: none
+}
+
+
+/*img*/
+
+img {
+    border: 0;
+    vertical-align: middle
+}
+
+a img,
+img {
+    -ms-interpolation-mode: bicubic
+}
+
+.img-responsive {
+    max-width: 100%;
+    height: auto
+}
+
+.fl{
+	float:left;
+}
+.fr{
+	float:right;
+}
+/*input*/
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+    height: auto
+}
+
+input[type="search"] {
+    -webkit-appearance: textfield;
+    /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box;
+    /* 2 */
+    box-sizing: content-box
+}
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none
+}
+::-webkit-input-placeholder { /* WebKit browsers */ 
+color: #999; 
+} 
+:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
+color: #999; 
+} 
+::-moz-placeholder { /* Mozilla Firefox 19+ */ 
+color: #999; 
+} 
+:-ms-input-placeholder { /* Internet Explorer 10+ */ 
+color: #999; 
+} 
+
+/*clearfix*/
+
+.cl:after,
+.clearfix:after {
+    content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden
+}
+
+.cl,
+.clearfix {
+    zoom: 1
+}

html/2020/caimeih5_01.html

@@ -0,0 +1,63 @@
+<!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-b.caimei365.com/app/caimei-h5/css/common/utils.css">
+		<link rel="stylesheet" type="text/css" href="https://static-b.caimei365.com/app/caimei-h5/css/2020/caimeih5_01.css">
+	</head>   
+	<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-b.caimei365.com/app/caimei-h5/script/jquery.min.js"></script>
+		<script type="text/javascript" src="https://static-b.caimei365.com/app/caimei-h5/script/vue2.6.11.min.js"></script>
+		<script type="text/javascript" src="https://static-b.caimei365.com/app/caimei-h5/script/init.js"></script>
+		<script type="text/javascript">
+			var ACTIVITY = new Vue({
+			    el: '#activity',
+			    data: {
+					banner:'https://static-b.caimei365.com/app/caimei-h5/image/2020/01/banner.jpg',
+					productList:[//正式环境 4985 6107 5096 4990
+						{image:'https://static-b.caimei365.com/app/caimei-h5/image/2020/01/01.png',id:'4199'},
+						{image:'https://static-b.caimei365.com/app/caimei-h5/image/2020/01/02.png',id:'4127'},
+						{image:'https://static-b.caimei365.com/app/caimei-h5/image/2020/01/03.png',id:'4212'},
+						{image:'https://static-b.caimei365.com/app/caimei-h5/image/2020/01/04.png',id:'4213'}
+					]
+			    },
+			    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>

html/2020/caimeih5_02.html

@@ -0,0 +1,59 @@
+<!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-b.caimei365.com/app/caimei-h5/css/common/utils.css">
+		<link rel="stylesheet" type="text/css" href="https://static-b.caimei365.com/app/caimei-h5/css/2020/caimeih5_02.css">
+	</head>   
+	<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.keyWord)">
+					<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-b.caimei365.com/app/caimei-h5/script/jquery.min.js"></script>
+		<script type="text/javascript" src="https://static-b.caimei365.com/app/caimei-h5/script/vue2.6.11.min.js"></script>
+		<script type="text/javascript" src="https://static-b.caimei365.com/app/caimei-h5/script/init.js"></script>
+		<script type="text/javascript">
+			var ACTIVITY = new Vue({
+			    el: '#activity',
+			    data: {
+					banner:'https://static-b.caimei365.com/app/caimei-h5/image/2020/02/banner.jpg',
+					productList:[
+						{image:'https://static-b.caimei365.com/app/caimei-h5/image/2020/02/01.png',keyWord:'点斗'},
+						{image:'https://static-b.caimei365.com/app/caimei-h5/image/2020/02/02.png',keyWord:'点斗'},
+					]
+			    },
+			    computed: {
+			
+			    },
+			    methods: {
+			       WxMiniProgram:function(keyWord){
+					   console.log(keyWord)
+					   wx.miniProgram.navigateTo(
+							{ url: '/pages/search/search?keyWord='+keyWord }
+						)
+			       }
+			    },
+			    created: function () {
+			
+			    },
+			    mounted: function () {
+			        var _self = this;
+			    }
+			});
+		</script>   
+	</body>
+</html>

html/2020/caimeih5_03.html

@@ -0,0 +1,60 @@
+<!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-b.caimei365.com/app/caimei-h5/css/common/utils.css">
+		<link rel="stylesheet" type="text/css" href="https://static-b.caimei365.com/app/caimei-h5/css/2020/caimeih5_03.css">
+	</head>   
+	<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-b.caimei365.com/app/caimei-h5/script/jquery.min.js"></script>
+		<script type="text/javascript" src="https://static-b.caimei365.com/app/caimei-h5/script/vue2.6.11.min.js"></script>
+		<script type="text/javascript" src="https://static-b.caimei365.com/app/caimei-h5/script/init.js"></script>
+		<script type="text/javascript">
+			var ACTIVITY = new Vue({
+			    el: '#activity',
+			    data: {
+					banner:'https://static-b.caimei365.com/app/caimei-h5/image/2020/03/banner.jpg',
+					productList:[//正式环境 4730 
+						{image:'https://static-b.caimei365.com/app/caimei-h5/image/2020/03/01.png',id:'4214'},
+					]
+			    },
+			    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>

html/2020/caimeih5_99.html

@@ -0,0 +1,42 @@
+<!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-b.caimei365.com/app/caimei-h5/css/common/utils.css">
+		<link rel="stylesheet" type="text/css" href="https://static-b.caimei365.com/app/caimei-h5/css/2020/caimeih5_99.css">
+	</head>   
+	<body>
+		<div class="container clearfix" id="activity">
+			<div class="banner">
+				<img :src="banner">
+			</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-b.caimei365.com/app/caimei-h5/script/jquery.min.js"></script>
+		<script type="text/javascript" src="https://static-b.caimei365.com/app/caimei-h5/script/vue2.6.11.min.js"></script>
+		<script type="text/javascript" src="https://static-b.caimei365.com/app/caimei-h5/script/init.js"></script>
+		<script type="text/javascript">
+			var ACTIVITY = new Vue({
+			    el: '#activity',
+			    data: {
+					banner:'https://img.caimei365.com/group1/M00/03/82/Cmis214EJ4KANeefABcT34GgAI8964.jpg'
+			    },
+			    computed: {
+			
+			    },
+			    methods: {
+			      
+			    },
+			    created: function () {
+			
+			    },
+			    mounted: function () {
+			        var _self = this;
+			    }
+			});
+		</script>   
+	</body>
+</html>

script/init.js

@@ -0,0 +1,17 @@
+/* init js
+ * Copyright 2016, wushulin
+ * Date   2016/12/23
+ * auther wushulin
+ */
+(function(win,doc){
+	var docEl = doc.documentElement;
+	var resizeEvt = 'orientationchange' in window?'orientationchange':'resize',
+	recalc = function(){
+		var clientWidth = docEl.clientWidth;
+		if (!clientWidth) return;    
+        docEl.style.fontSize = 100 * ( clientWidth / 750 ) + 'px';   
+	}
+	if(!doc.addEventListener) return;
+	 win.addEventListener(resizeEvt, recalc, false);    
+     doc.addEventListener('DOMContentLoaded', recalc, false);
+})(window,document);