zhengjinyi 4 سال پیش
والد
کامیت
4e1942da57

+ 75 - 0
css/2020/caimeih5_07.css

@@ -0,0 +1,75 @@
+		body{
+			background: url(https://static-b.caimei365.com/app/caimei-activity-h5/image/2020/07/bg.jpg)top center no-repeat;
+			background-size: cover;
+		}
+		.container{width: 100%;
+			height: auto;
+		}
+		.banner{
+			width: 100%;
+			height: auto;
+			float: left;
+		}
+		.banner img{
+			width: 100%;
+			height: auto;
+			display: block;
+		}
+		.container-main-product{
+			width: 100%;
+			height: auto;
+			box-sizing: border-box;
+			background: url(https://static-b.caimei365.com/app/caimei-activity-h5/image/2020/07/bg.jpg)top center no-repeat;
+			background-size: cover;
+			float: left;
+		}
+		.container-main-product .title_01{
+			width: 100%;
+			height: 2.65rem;
+			float: left;
+		}
+		.container-main-product .title_01 img{
+			width: 7.35rem;
+			height: auto;
+			margin: 0 auto;
+			display: block;
+		}
+		.container-main-product .title_02{
+			width: 100%;
+			height: 2.43rem;
+			float: left;
+		}
+		.container-main-product .title_02 img{
+			width: 7.33rem;
+			height: auto;
+			margin: 0 auto;
+			display: block;
+		}
+		.container-main-product .title_03{
+			width: 100%;
+			height: 0.9rem;
+			float: left;
+		}
+		.container-main-product .title_03 img{
+			width: 3.9rem;
+			height: auto;
+			margin: 0 auto;
+			display: block;
+		}
+		.container-main-product .section{
+			width: 100%;
+			height: auto;
+			box-sizing: border-box;
+			padding: 0 0.39rem;
+		}
+		.container-main-product .section .section-img{
+			width: 100%;
+			height: auto;
+			display: block;
+			margin: 0.28rem 0;
+		}
+		.container-main-product .section .section-img img{
+			width: 100%;
+			height: auto;
+			display: block;
+		}

+ 74 - 0
html/2020/caimeih5_07.html

@@ -0,0 +1,74 @@
+<!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">
+		<link rel="stylesheet" type="text/css" href="https://static.caimei365.com/app/caimei-activity-h5/css/2020/caimeih5_07.css">
+	</head> 
+	<body>
+		<div class="container clearfix" id="activity">
+			<div class="banner">
+				<img :src="banner">
+			</div>
+			<div class="container-main-product">
+				<div class="title_01"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/title_01.png" alt=""></div>
+				<div class="section">
+					<div class="section-img" @click="WxMiniProgram(6331)"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/01.png" ></div>
+					<div class="section-img" @click="WxMiniProgram(6332)"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/02.png" ></div>
+					<div class="section-img" @click="WxMiniProgram(6330)"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/03.png" ></div>
+				</div>
+				<div class="title_02"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/title_02.png" alt=""></div>
+				<div class="section">
+					<div class="section-img" @click="WxMiniProgramSupper(1285)"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/04.png" ></div>
+				</div>	
+				<div class="title_03"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/title_03.png" alt=""></div>
+				<div class="section">
+					<div class="section-img" @click="WxMiniProgram(4472)"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/05.png" ></div>
+					<div class="section-img" @click="WxMiniProgram(4205)"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/06.png" ></div>
+					<div class="section-img" @click="WxMiniProgram(3893)"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/07.png" ></div>
+				</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/07/banner.jpg',
+			    },
+			    computed: {
+					
+			    },
+			    methods: {
+			       WxMiniProgram:function(id){
+					   //正式环境 6331,6332,6330,1285,4472,4205,3893
+					   wx.miniProgram.navigateTo(
+							{
+								url: '/pages/goods/product?id='+id,
+							}
+						)
+				   },
+				   WxMiniProgramSupper:function(id){
+					   wx.miniProgram.navigateTo(
+							{
+								url: '/supplier/pages/user/my-shop?shopId='+id,
+							}
+						)
+				   }
+			    },
+			    created: function () {
+			
+			    },
+			    mounted: function () {
+			        var _self = this;
+			    }
+			});
+		</script>   
+	</body>
+</html>

BIN
image/2020/07/01.png


BIN
image/2020/07/02.png


BIN
image/2020/07/03.png


BIN
image/2020/07/04.png


BIN
image/2020/07/05.png


BIN
image/2020/07/06.png


BIN
image/2020/07/07.png


BIN
image/2020/07/banner.jpg


BIN
image/2020/07/bg.jpg


BIN
image/2020/07/title_01.png


BIN
image/2020/07/title_02.png


BIN
image/2020/07/title_03.png