lilei 4 年 前
コミット
28d739c818

+ 6 - 6
新模板/开业活动39.9/shareWx.js

@@ -2,13 +2,13 @@
 var shareCls = {
 	getWxCofing (shareBaseUrl){
 		var url = location.href.split('#')[0];
-		console.log(url)
+		console.log(url,baseUrl + '/shareThumb.jpg')
 		// 分享内容
 		var shareObj = {
-			  title: "开业钜惠", // 分享标题
-			  desc: '网罗海量优质养车项目,超值套餐应有尽有', // 分享描述
+			  title: "新年焕新血拼季", // 分享标题
+			  desc: '新年焕新血拼季', // 分享描述
 			  link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
-			  imgUrl: 'http://static.chelingzhu.com/active/shareThumb.png', // 分享图标
+			  imgUrl: baseUrl + '/shareThumb.jpg', // 分享图标
 			  success : function() {
 				  // 用户确认分享后执行的回调函数
 				  console.log("用户确认分享后执行的回调函数")
@@ -29,10 +29,10 @@ var shareCls = {
 			},
 			success:function(res){
 				 console.log(res,'jsapi')
-				 var wxData = res.wxData
+				 var wxData = res
 				 wx.config({
 				   //debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
-				   appId: wxData.appid, // 必填,公众号的唯一标识
+				   appId: wxData.appId, // 必填,公众号的唯一标识
 				   timestamp: wxData.timestamp, // 必填,生成签名的时间戳
 				   nonceStr: wxData.nonceStr, // 必填,生成签名的随机串
 				   signature: wxData.signature,// 必填,签名

BIN
新模板/新年活动/img/p1.jpg


BIN
新模板/新年活动/img/p10.jpg


BIN
新模板/新年活动/img/p11.jpg


BIN
新模板/新年活动/img/p12.jpg


BIN
新模板/新年活动/img/p13.jpg


BIN
新模板/新年活动/img/p14.jpg


BIN
新模板/新年活动/img/p15.jpg


BIN
新模板/新年活动/img/p16.jpg


BIN
新模板/新年活动/img/p17.jpg


BIN
新模板/新年活动/img/p2.jpg


BIN
新模板/新年活动/img/p3.jpg


BIN
新模板/新年活动/img/p4.jpg


BIN
新模板/新年活动/img/p5.jpg


BIN
新模板/新年活动/img/p6.jpg


BIN
新模板/新年活动/img/p7.jpg


BIN
新模板/新年活动/img/p8.jpg


BIN
新模板/新年活动/img/p9.jpg


BIN
新模板/新年活动/img/tit1.png


+ 111 - 3
新模板/新年活动/index.html

@@ -24,7 +24,10 @@
 					<img class="zy-h5-bgimg" src="./img/logo.png">
 					<!-- 标题部分 -->
 					<div class="zy-h5-title">
-						<img class="img-title" src="./img/tit1.png">
+						<div class="img-title-box">
+							<span>新年焕新血拼季</span>
+							<img class="img-title" src="./img/tit1.png">
+						</div>
 						<div class="store-name">
 							<span>长青二路店</span>
 						</div>
@@ -103,6 +106,63 @@
 					    </span>
 					</div>
 				</div>
+				<!-- 关注头像 -->
+				<div class="zy-h5-gz">
+					<div>356人已关注</div>
+					<div class="zy-headPhoto-list">
+						<div>
+							<img src="./img/p1.jpg">
+						</div>
+						<div>
+							<img src="./img/p2.jpg">
+						</div>
+						<div>
+							<img src="./img/p3.jpg">
+						</div>
+						<div>
+							<img src="./img/p4.jpg">
+						</div>
+						<div>
+							<img src="./img/p5.jpg">
+						</div>
+						<div>
+							<img src="./img/p6.jpg">
+						</div>
+						<div>
+							<img src="./img/p7.jpg">
+						</div>
+						<div>
+							<img src="./img/p8.jpg">
+						</div>
+						<div>
+							<img src="./img/p9.jpg">
+						</div>
+						<div>
+							<img src="./img/p10.jpg">
+						</div>
+						<div>
+							<img src="./img/p11.jpg">
+						</div>
+						<div>
+							<img src="./img/p12.jpg">
+						</div>
+						<div>
+							<img src="./img/p13.jpg">
+						</div>
+						<div>
+							<img src="./img/p14.jpg">
+						</div>
+						<div>
+							<img src="./img/p15.jpg">
+						</div>
+						<div>
+							<img src="./img/p16.jpg">
+						</div>
+						<div>
+							<img src="./img/p17.jpg">
+						</div>
+					</div>
+				</div>
 			     <!-- 参与动态 -->
 				<div class="qg-cont">
 					<div class="header-con">
@@ -178,6 +238,17 @@
 			padding: 0;
 			margin: 0;
 	    }
+		@font-face {
+		  font-family: 'webfont';
+		  font-display: swap;
+		  src: url('//at.alicdn.com/t/webfont_ommcptuea3k.eot'); /* IE9*/
+		  src: url('//at.alicdn.com/t/webfont_ommcptuea3k.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+		  url('//at.alicdn.com/t/webfont_ommcptuea3k.woff2') format('woff2'),
+		  url('//at.alicdn.com/t/webfont_ommcptuea3k.woff') format('woff'), /* chrome、firefox */
+		  url('//at.alicdn.com/t/webfont_ommcptuea3k.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
+		  url('//at.alicdn.com/t/webfont_ommcptuea3k.svg#站酷高端黑') format('svg'); /* iOS 4.1- */
+		}
+		
 		body{
 			font: 16px/1.231 "Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman;
 		}
@@ -202,7 +273,6 @@
 		}
 		.zy-h5-bgimg{
 			width: 40%;
-			float:left;
 			margin: 15px 15px 25px;
 		}
 		.zy-h5-title{
@@ -210,6 +280,21 @@
 			width: 100%;
 			color: #fff;
 		}
+		.img-title-box{
+			position: relative;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			text-shadow: 1px 3px 5px #73010c;
+			font-weight: 900;
+		}
+		.img-title-box span{
+			position: absolute;
+			font-size: 3em;
+			color: #f3e190;
+			font-style: italic;
+			font-family: 'webfont';
+		}
 		.img-title{
 			width: 85%;
 		}
@@ -220,7 +305,7 @@
 			text-align:center;
 			justify-content: center;
 			margin-bottom: 1em;
-			margin-top: -1em;
+			margin-top: -0.5em;
 			background: url(./img/tit2.png) no-repeat center center;
 			background-size: auto 100%;
 			height: 3em;
@@ -320,6 +405,29 @@
 			height: 1em;
 			margin: 0 0.3em;
 		}
+		.zy-h5-gz{
+			padding: 0.5em;
+			border-top: 0.6em solid #ededed;
+		}
+		.zy-h5-gz > div:first-child{
+			font-size: 0.8em;
+		}
+		.zy-headPhoto-list{
+			padding: 0.5em 0.2em;
+			overflow: hidden;
+		}
+		.zy-headPhoto-list > div{
+			width: 35px;
+			height: 35px;
+			overflow:hidden;
+			border-radius: 10em;
+			margin: 0.2em;
+			float: left;
+		}
+		.zy-headPhoto-list > div img{
+			width: 100%;
+			height: 100%;
+		}
 		/*门店信息样式*/
 		.zy-h5-store-info{
 			/* display: none; */

BIN
新模板/新年活动/shareThumb.jpg


+ 8 - 24
新模板/新年活动/shareWx.js

@@ -2,11 +2,11 @@
 var shareCls = {
 	getWxCofing (shareBaseUrl){
 		var url = location.href.split('#')[0];
-		console.log(url,baseUrl + '/shareThumb.jpg')
+		var activeTitle = $("#activeTitle").text()
 		// 分享内容
 		var shareObj = {
-			  title: "新年焕新血拼季", // 分享标题
-			  desc: '新年焕新血拼季', // 分享描述
+			  title: activeTitle, // 分享标题
+			  desc: '衣锦还乡靠什么?爱车省钱又美颜', // 分享描述
 			  link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
 			  imgUrl: baseUrl + '/shareThumb.jpg', // 分享图标
 			  success : function() {
@@ -41,9 +41,7 @@ var shareCls = {
 				 	  'onMenuShareAppMessage',
 				 	  'onMenuShareTimeline',
 				 	  'updateAppMessageShareData',
-				 	  'updateTimelineShareData',
-					  'getLocation',
-					  'openLocation'
+				 	  'updateTimelineShareData'
 				   ] // 必填,需要使用的JS接口列表
 				 });
 				 
@@ -54,39 +52,25 @@ var shareCls = {
 				 //需在用户可能点击分享按钮前就先调用
 				 wx.ready(function () {
 				   if(wx.onMenuShareAppMessage){
+					  shareObj.title = activeTitle
 				 	  //分享给朋友
 				 	  wx.onMenuShareAppMessage(shareObj);
 				   }
 				   if(wx.onMenuShareTimeline){
 				 	  // 分享到朋友圈
+					  shareObj.title = shareObj.desc
 				 	  wx.onMenuShareTimeline(shareObj);
 				   }
 				   if(wx.updateAppMessageShareData){
+					  shareObj.title = activeTitle
 				 	  // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容
 				 	  wx.updateAppMessageShareData(shareObj)
 				   }
 				   if(wx.updateTimelineShareData){
+					  shareObj.title = shareObj.desc
 				 	  // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容
 				 	  wx.updateTimelineShareData(shareObj)
 				   }
-				   if(location.href.indexOf("store.html")>0){
-					   wx.getLocation({
-					       type: 'gcj02', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
-					       success: function (res) {
-								console.log(res, '地理位置')
-								vm.lng = res.longitude
-								vm.lat = res.latitude
-								vm.getData()
-				           },
-						   cancel: function (res) {
-							   vm.getData()
-						   },
-						   fail: function (res) {
-								vm.getData()
-							}
-					   });
-				   }
-				   
 				 });
 			}
 		})

+ 99 - 4
新模板/新年活动/tpl.html

@@ -17,7 +17,10 @@
 					<img class="zy-h5-bgimg" src="${active.staticMouldTheme.basePath}/img/logo.png">
 					<!-- 标题部分 -->
 					<div class="zy-h5-title">
-						<img class="img-title" src="${active.staticMouldTheme.basePath}/img/tit1.png">
+						<div class="img-title-box">
+							<span class="web-font" id="activeTitle">${active.activeTitle!}</span>
+							<img class="img-title" src="${active.staticMouldTheme.basePath}/img/tit1.png">
+						</div>
 						<div class="store-name">
 							<span id="store-head">--</span>
 						</div>
@@ -84,6 +87,63 @@
 					    </span>
 					</div>
 				</div>
+				<!-- 关注头像 -->
+				<div class="zy-h5-gz">
+					<div>356人已关注</div>
+					<div class="zy-headPhoto-list">
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p1.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p2.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p3.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p4.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p5.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p6.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p7.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p8.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p9.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p10.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p11.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p12.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p13.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p14.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p15.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p16.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p17.jpg">
+						</div>
+					</div>
+				</div>
 			     <!-- 参与动态 -->
 			     <div class="qg-cont">
 			     	<div class="header-con">
@@ -129,7 +189,6 @@
 		body{
 			font: 16px/1.231 "Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman;
 		}
-		
 		.wrapper{
 			position: relative;
 		}
@@ -150,7 +209,6 @@
 		}
 		.zy-h5-bgimg{
 			width: 40%;
-			float:left;
 			margin: 15px 15px 25px;
 		}
 		.zy-h5-title{
@@ -158,6 +216,20 @@
 			width: 100%;
 			color: #fff;
 		}
+		.img-title-box{
+			position: relative;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+		.img-title-box span{
+			position: absolute;
+			font-size: 3em;
+			color: #f3e190;
+			font-style: italic;
+			text-shadow: 1px 3px 5px #73010c;
+			font-weight: 900;
+		}
 		.img-title{
 			width: 85%;
 		}
@@ -168,7 +240,7 @@
 			text-align:center;
 			justify-content: center;
 			margin-bottom: 1em;
-			margin-top: -1em;
+			margin-top: -0.5em;
 			background: url(${active.staticMouldTheme.basePath}/img/tit2.png) no-repeat center center;
 			background-size: auto 100%;
 			height: 3em;
@@ -267,6 +339,29 @@
 			height: 1em;
 			margin: 0 0.3em;
 		}
+		.zy-h5-gz{
+			padding: 0.5em;
+			border-top: 0.6em solid #ededed;
+		}
+		.zy-h5-gz > div:first-child{
+			font-size: 0.8em;
+		}
+		.zy-headPhoto-list{
+			padding: 0.5em 0.2em;
+			overflow: hidden;
+		}
+		.zy-headPhoto-list > div{
+			width: 35px;
+			height: 35px;
+			overflow:hidden;
+			border-radius: 10em;
+			margin: 0.2em;
+			float: left;
+		}
+		.zy-headPhoto-list > div img{
+			width: 100%;
+			height: 100%;
+		}
 		/*门店信息样式*/
 		.zy-h5-store-info{
 			/* display: none; */

BIN
新模板/新年活动/新年活动.zip


BIN
新模板/新年活动/新年活动11.zip