heyang 3 年之前
父节点
当前提交
2dd7aa86e6

+ 12 - 10
microserviceUserH5/static/css/maJiaBaoGoApp.css

@@ -29,21 +29,23 @@ ul, li {
   background-size: cover;
 }
 
-.top-Text{
+.btn-content{
   position: absolute;
-  top: 0.53rem;
-  left: 0.89rem;
+  bottom: 4.5rem;
+  left: 1.25rem;
 }
 
-.img-container{
-  width: 5.87rem;
-  height: 3.67rem;
+.point{
+  width: 3.8rem;
+  height: 3.68rem;
+  position: absolute;
+  top: -6.96rem;
+  right: 0.2rem;
 }
 
-.btn-content{
-  position: absolute;
-  bottom: 0.62rem;
-  left: 1.25rem;
+.point-img{
+  width: 100%;
+  height: 100%;
 }
 
 .download-app{

二进制
microserviceUserH5/static/img/maJiaBaoGoAppBag.png


二进制
microserviceUserH5/static/img/maJiaBaoGoAppText.png


二进制
microserviceUserH5/static/img/point.png


+ 9 - 4
microserviceUserH5/vcloud/maJiaBaoGoApp.html

@@ -15,14 +15,14 @@
 
 <body>
 	<div class="code-container">
-		<div class="top-Text">
-			<img class="img-container" src="../static/img/maJiaBaoGoAppText.png" />
-		</div>
 		<div class="btn-content">
 			<img class="download-app" src="../static/img/downLoadApp.png" />
 			<img class="download-text" src="../static/img/downLoadText.png" />
 		</div>
 		<div class="mask">
+			<div class="point">
+				<img class="point-img" src="../static/img/point.png" />
+			</div>
 			<div class="dialog">
 			    <img class="border" src="../static/img/border.png" />
 			    <img class="border-close" src="../static/img/border-close.png" />
@@ -71,7 +71,12 @@
 		}
 		//点击下载APP
 	    $('.btn-content')[0].addEventListener('click',()=>{
-			if(isAndroid){
+			var ua = navigator.userAgent.toLowerCase(); 
+			if(ua.match(/MicroMessenger/i)=="micromessenger"){
+				$('.point').animate({top: '0.1rem'},"fast");
+				$('.mask').show();
+				document.documentElement.style.overflow='hidden';
+			}else if(isAndroid){
 		        operate(1);
 			}else if(isiOS){
 				operate(1);