优化

microserviceUserH5/static/css/maJiaBaoGoApp.css

@@ -62,6 +62,65 @@ ul, li {
   position: absolute;
 }
 
+.mask {
+  width: 7.5rem;
+  height: 100vh;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.24);
+  display: none;
+}
+
+.dialog {
+  width: 5.05rem;
+  height: 5.89rem;
+  position: absolute;
+  left: 1.22rem;
+  top: -6.96rem;
+  overflow: hidden;
+}
+
+.border{
+  width: 100%;
+  height: 100%;
+}
+
+.border-close{
+  width: 0.44rem;
+  height: 0.44rem;
+  position: absolute;
+  right: 0.12rem;
+  top: 0.08rem;
+}
+
+.border-text {
+  width: 4.44rem;
+  height: 0.81rem;
+  position: absolute;
+  right: 0.32rem;
+  top: 0.8rem;
+}
+
+.head-list{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0.28rem;
+  height: 0.67rem;
+  background: linear-gradient(0deg, #E2FFF6 0%, #D0FCEC 100%);
+}
+
+.head-title{
+  font-size: 0.33rem;
+}
+
+.content{
+  margin: 0.97rem 0 0.28rem 0;
+  text-align: center;
+  font-size: 0.28rem;
+}
+
 .try-play{
   margin-top: 0.14rem;
 }

microserviceUserH5/vcloud/maJiaBaoGoApp.html

@@ -22,6 +22,13 @@
 			<img class="download-app" src="../static/img/downLoadApp.png" />
 			<img class="download-text" src="../static/img/downLoadText.png" />
 		</div>
+		<div class="mask">
+			<div class="dialog">
+			    <img class="border" src="../static/img/border.png" />
+			    <img class="border-close" src="../static/img/border-close.png" />
+			    <img class="border-text" src="../static/img/border-text.png" />
+			</div>
+		</div>
 	</div>
 	<script>
 		toastr.options.positionClass = 'toast-center-center';
@@ -57,7 +64,7 @@
 				dataType: 'json',
 				cache: false,
 				success: function (res) {
-					if(accessType === 1){
+					if(accessType === 1 && isAndroid){
 						getAppDownload();
 					}
 				},
@@ -65,8 +72,22 @@
 		}
 		//点击下载APP
 	    $('.btn-content')[0].addEventListener('click',()=>{
-			operate(1)
+			if(isAndroid){
+		        operate(1);
+			}else if(isiOS){
+				operate(1);
+				$('.dialog').animate({top: '4.36rem'},"fast");
+				$('.mask').show();
+				document.documentElement.style.overflow='hidden';
+			}
 		},false);
+		//关闭
+	    $('.border-close')[0].addEventListener('click',handleClose,false);
+		function handleClose() {
+			$('.dialog').animate({top: '-6.96rem'},"fast");
+			$('.mask').hide();
+			document.documentElement.style.overflow='auto';
+		}
 		//调用下载接口
 		function getAppDownload(){
 			$.ajax({