heyang hace 3 años
padre
commit
6637c2850f

BIN
microserviceUserH5/static/offImg/down-btn.png


BIN
microserviceUserH5/static/offImg/tost.png


+ 48 - 20
microserviceUserH5/vcloud/actFissionShare.html

@@ -282,7 +282,7 @@
             transform: translateX(-50%);
             padding: 0 0.4rem;
             top: -6.96rem;
-            /* overflow: hidden; */
+            overflow: hidden;
         }
 
         .imgs-block{
@@ -412,6 +412,21 @@
                 width: auto;
             }
         }
+        .miniprogram-wrap{
+            position: relative;
+        }
+        .miniprogram{
+            width: 6.25rem;
+            height: 8.01rem;
+            margin-left: -0.39rem;
+        }
+        .down-btn{
+            width: 4.6rem;
+            height: 0.9rem;
+            position: absolute;
+            bottom: 0.42rem;
+            left: 0.42rem;
+        }
     </style>
 </head>
 
@@ -460,21 +475,27 @@
     </div>
     <div class="mask">
         <div class="dialog">
-            <div class="imgs-block">
-                <img class="imgs" src="../static/img/icon-copy.png" />
-            <div class="imgs-text">复制成功</div>
-                <img class="imgs" src="../static/img/icon-copy.png" />
+            <div class="miniprogram-wrap">
+                <img class="miniprogram" src="../static/offImg/tost.png" />
+                <img class="down-btn" src="../static/offImg/down-btn.png" />
             </div>
-            <div class="copy-tip">温馨提示:激活码使用教程</div>
-            <div class="point1">1、在双子星APP的工具栏,点击 <span class="my">[我的]</span></div>
-            <img class="point-img" src="../static/img/point1.png" />
-            <div class="point1 point2">2、找到 我的工具 -  <span class="my">[激活码] </span>,点击激活码
-                即可兑换使用激活码啦。</div>
-            <img class="point-img" src="../static/img/point2.png" />
-            <div class="get-success-block">
-                <div class="get-success">下载APP</div>
+            <div class="noMiniprogram">
+                <div class="imgs-block">
+                    <img class="imgs" src="../static/img/icon-copy.png" />
+                <div class="imgs-text">复制成功</div>
+                    <img class="imgs" src="../static/img/icon-copy.png" />
+                </div>
+                <div class="copy-tip">温馨提示:激活码使用教程</div>
+                <div class="point1">1、在双子星APP的工具栏,点击 <span class="my">[我的]</span></div>
+                <img class="point-img" src="../static/img/point1.png" />
+                <div class="point1 point2">2、找到 我的工具 -  <span class="my">[激活码] </span>,点击激活码
+                    即可兑换使用激活码啦。</div>
+                <img class="point-img" src="../static/img/point2.png" />
+                <div class="get-success-block">
+                    <div class="get-success">下载APP</div>
+                </div>
+                <img class="close" src="img/close.png" />
             </div>
-            <img class="close" src="img/close.png" />
         </div>
     </div>
     
@@ -514,15 +535,18 @@
             document.documentElement.style.overflow='auto';
 		});
         $('.get-success-block')[0].addEventListener('click', (e) => {
+            if(isIOS){
+                copyUrl();
+            }else{
+                download();
+            }
+		});
+        $('.down-btn')[0].addEventListener('click', (e) => {
             let ua = navigator.userAgent.toLowerCase();
             if (ua.match(/MicroMessenger/i) == "micromessenger") {
                 location.href = 'weixin://dl/business/?t=sg6FNjcPWip';
             }else{
-                if(isIOS){
-                    copyUrl();
-                }else{
-                    download();
-                }
+                alert('环境问题')
             }
 		});
         function download() {
@@ -828,7 +852,11 @@
                     }
                     let ua = navigator.userAgent.toLowerCase();
                     if(ua.match(/MicroMessenger/i)=="micromessenger"){
-			            $('.get-success').eq(0).text('打开小程序并复制激活码');
+				        $('.miniprogram').eq(0).css('display', 'block');
+				        $('.noMiniprogram').eq(0).css('display', 'none');
+                    }else{
+                        $('.miniprogram').eq(0).css('display', 'none');
+				        $('.noMiniprogram').eq(0).css('display', 'block');
                     }
                     $('.dialog').animate({top: '1.8rem'},"fast");
                     $('.mask').show();