客服

WebContent/mobile/productDetail.jsp

@@ -14,6 +14,7 @@
 </script>
 
 <style>
+html,body{overflow：hidden}
 #detail img ,#notice img{
 	max-width: 100%;
 	display: block;
@@ -279,7 +280,7 @@
 			id="saveOrder">确定</div>
 	</div>
 
-	<div class="poster" style="display:none;">
+	<div class="poster" style="display: none;">
 		<div class="qr-mask">
 			<p style="height: 0.6rem; line-height: 0.6rem; text-indent: 1em; color: rgb(255, 255, 255);">①
 				长按图片保存</p>
@@ -288,25 +289,25 @@
 			<i class="mui-icon iconfont icon-cha"
 				style="font-size: 0.6rem; position: absolute; top: 0px; right: 2%; cursor: pointer; color: rgb(255, 255, 255);"></i>
 			<div class="mui-text-center">
-				<img id="myImg">
+				<img id="myImg" style="width: 100px;">
 			</div>
 		</div>
-		<div class="pic-box" id="pic-box">
+		<div class="pic-box" id="pic-box" style="padding-bottom: 60px;">
 			<img>
 			<p class="pic-title"></p>
 			<p class="pic-price">
 				<span>原价：</span>
 				<span class="del-line"></span>
-				<span style="padding-left:20px;font-size: 40px;">秒杀抢购：</span>
-				<span class="color-red bold" style="font-size: 50px;"></span>
+				<span style="padding-left:20px;font-size: 14px;">秒杀抢购：</span>
+				<span class="color-red bold" style="font-size: 20px;"></span>
 			</p>
-			<div class="mui-clearfix" style="border-top: 2px solid rgb(0, 0, 0); padding-top: 20px;">
-				<div style="float: left; padding-left: 50px;">
-					<div id="qrcode" style="min-height:250px;">
+			<div class="mui-clearfix items" style="border-top: 1px solid rgb(0, 0, 0); padding:10px;">
+				<div class="item">
+					<div id="qrcode">
 						<img>
 					</div>
 				</div>
-				<p style="float: left; font-size: 32px; line-height: 196px;color:#333">&nbsp;&nbsp;长按或扫描二维码抢购</p>
+				<p style="font-size: 14px;color:#333">&nbsp;&nbsp;长按或扫描二维码抢购</p>
 			</div>
 		</div>
 	</div>

WebContent/static/mobile/css/style.css

@@ -660,21 +660,21 @@
     cursor: pointer;
 }
 .pic-box{
-	width: 640px; 
+	width: 300px;
 	background: rgb(255, 255, 255);
 }
 .pic-box img{
 	width: 100%;
 }
 .pic-box .pic-title{
-	font-size: 32px;
-    padding: 0px 20px;
+	font-size: 14px;
+    padding: 0px 10px;
     color: #333;
     line-height: 1.3;
 }
 .pic-box .pic-price{ 
-    font-size: 32px;
-    padding: 0px 20px;
+    font-size: 14px;
+    padding: 0px 10px;
     color: #333;
     line-height: 1.2;
 }

WebContent/static/mobile/js/productDetail.js

@@ -156,7 +156,7 @@ mui.ready(function(){
 			var l = layer.open({type: 3,shadeClose:false,content: '生成中...'});
 			$(".poster").show();
 			html2canvas(document.querySelector("#pic-box"),{useCORS: true}).then(function(canvas) {
-			    $("#myImg").css("height",$(window).height()-120);
+			    // $("#myImg").css("height",$(window).height()-120);
 			    $("#myImg").css("width","100%");
 			    $("#myImg").attr("src",getBase64Image(canvas));
 			    $(".qr-mask").show();
@@ -364,7 +364,7 @@ function getProductDetail(){
 			}else{
 				qrtext+="&shareUser="+user.openid;
 			}
-			$("#qrcode img").attr("src",siteUrl+"/common/qrcode?width=200&height=200&content="+escape(qrtext));
+			$("#qrcode img").attr("src",siteUrl+"/common/qrcode?width=80&height=80&content="+escape(qrtext));
             if(data.product_notice){
                 $("#notice").html(data.product_notice);
             }else{