官网新增模拟器下载

view/yinmeng/home/css/index.css

@@ -3,100 +3,144 @@ body,
 html {
   width: 100%;
   height: 100%;
-  font-family: "Heiti SC", "Microsoft Sans Serif"; }
+  font-family: "Heiti SC", "Microsoft Sans Serif";
+}
 
 .container {
-  position: relative; }
+  position: relative;
+}
 
 @media screen and (min-width: 769px) {
   .m-bg {
-    display: none; }
+    display: none;
+  }
   .m-bg img {
-      display: block; } }
+    display: block;
+  }
+}
+
 .homePc {
   width: 100%;
   height: 10rem;
   background: url(../images/homePc.png) no-repeat;
   background-size: 100% 100%;
   position: relative;
-  overflow: hidden; }
+  overflow: hidden;
+}
+
 .homePc .logo {
   width: 0.64rem;
   height: 0.64rem;
   position: absolute;
   top: 0.36rem;
-    left: 2.4rem; }
+  left: 2.4rem;
+}
+
 .homePc .name {
   font-size: 0.3rem;
   color: #282828;
   font-weight: 600;
   position: absolute;
   top: 0.55rem;
-    left: 3.22rem; }
+  left: 3.22rem;
+}
+
 .homePc .charge {
   font-size: 0.32rem;
   color: #282828;
   font-weight: 600;
   position: absolute;
   right: 4.24rem;
-    top: 0.5rem; }
+  top: 0.5rem;
+}
+
 .homePc p {
   font-size: 0.32rem;
   color: #282828;
   font-weight: 600;
   position: absolute;
   right: 3.95rem;
-    top: 0.5rem; }
+  top: 0.5rem;
+}
+
 .homePc .kefu {
   font-size: 0.32rem;
   color: #282828;
   font-weight: 600;
   position: absolute;
   right: 2.4rem;
-    top: 0.5rem; }
+  top: 0.5rem;
+}
+
 .homePc .swiper {
   width: 12rem;
   height: 9rem;
   margin: 0.85rem 0 0 5rem;
   position: relative;
-    overflow-y: hidden; }
+  overflow-y: hidden;
+}
+
 .homePc .swiper .swiper-wrapper {
   width: 9rem;
   height: 100%;
   /*先去掉前进后退按钮默认样式*/
   --swiper-navigation-size: 0;
-      /*再自定义样式*/ }
+  /*再自定义样式*/
+}
+
 .homePc .swiper .swiper-wrapper .swiper-slide img {
   position: absolute;
   top: 0;
   left: 50%;
-        transform: translateX(-50%); }
+  transform: translateX(-50%);
+}
+
 .homePc .swiper .swiper-wrapper .slide1 {
-        position: relative; }
+  position: relative;
+}
+
 .homePc .swiper .swiper-wrapper .slide1 .iphone {
   width: 2.78rem;
   height: 0.84rem;
   position: absolute;
-          left: 1.3rem;
+  left: 0.3rem;
-          bottom: 2.1rem; }
+  bottom: 2.1rem;
+}
+
 .homePc .swiper .swiper-wrapper .slide1 .android {
   width: 2.78rem;
   height: 0.84rem;
   position: absolute;
-          right: 1.3rem;
+  right: 2.6rem;
-          bottom: 2.1rem; }
+  bottom: 2.1rem;
+}
+
+.homePc .swiper .swiper-wrapper .slide1 .simulator {
+  width: 2.78rem;
+  height: 0.84rem;
+  position: absolute;
+  right: -0.8rem;
+  bottom: 2.1rem;
+}
+
 .homePc .swiper .swiper-wrapper .swiper-button-prev img {
   width: 0.54rem;
-        height: 0.84rem; }
+  height: 0.84rem;
+}
+
 .homePc .swiper .swiper-wrapper .swiper-button-next img {
   width: 0.54rem;
-        height: 0.84rem; }
+  height: 0.84rem;
+}
+
 .homePc .swiper .swiper-pagination {
   width: 20%;
   height: 50%;
   position: absolute;
   top: 5rem;
-      right: -1rem; }
+  right: -1rem;
+}
+
 .homePc .swiper .swiper-pagination .swiper-pagination-bullet {
   width: 0.25rem !important;
   height: 0.25rem !important;
@@ -104,41 +148,57 @@ html {
   background-image: url(../images/li.png) !important;
   background-size: 100% 100% !important;
   opacity: 1 !important;
-        margin: 0.5rem 0; }
+  margin: 0.5rem 0;
+}
+
 .homePc .swiper .swiper-pagination .swiper-pagination-bullet-active {
   background: none !important;
   background-image: url(../images/li_active.png) !important;
   background-size: 100% 100% !important;
-        opacity: 1 !important; }
+  opacity: 1 !important;
+}
 
 .eori {
   width: 100%;
   background: #30312C;
   color: white;
   padding: 0.2rem 0;
-  vertical-align: top; }
+  vertical-align: top;
+}
+
 .eori .recordfoot {
   color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
-    margin-bottom: 0.1rem; }
+  margin-bottom: 0.1rem;
+}
+
 .eori .recordfoot .record {
   display: inline-block;
-      padding-right: 0.0533333333rem;
+  padding-right: 0.05333rem;
   height: 0.16rem;
-      width: 0.15rem; }
+  width: 0.15rem;
+}
+
 .eori .recordfoot a {
   font-size: 0.2rem;
-      color: #fff; }
+  color: #fff;
+}
+
 .eori .gongsi {
   display: flex;
   justify-content: center;
-    text-align: center; }
+  text-align: center;
+}
+
 .eori .gongsi p {
-      font-size: 0.2rem; }
+  font-size: 0.2rem;
+}
+
 .eori .gongsi p:nth-child(2) {
-        margin: 0 0.2rem; }
+  margin: 0 0.2rem;
+}
 
 .service {
   position: fixed;
@@ -148,7 +208,9 @@ html {
   right: 0;
   background: rgba(0, 0, 0, 0.8);
   z-index: 9999;
-  display: none; }
+  display: none;
+}
+
 .service .service_in {
   width: 8.23rem;
   height: 4.9rem;
@@ -158,39 +220,53 @@ html {
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
-    overflow: hidden; }
+  overflow: hidden;
+}
+
 .service .service_in .close {
   width: 0.5rem;
   height: 0.5rem;
   position: absolute;
   top: 0.35rem;
-      right: 0.4rem; }
+  right: 0.4rem;
+}
+
 .service .service_in .title {
   width: 100%;
   font-size: 0.48rem;
   color: #2D2727;
   font-weight: 600;
   text-align: center;
-      margin: 0.35rem 0; }
+  margin: 0.35rem 0;
+}
+
 .service .service_in .subhead {
   width: 100%;
   font-size: 0.24rem;
   color: #2D2727;
   font-weight: 600;
   text-align: center;
-      margin-bottom: 0.5rem; }
+  margin-bottom: 0.5rem;
+}
+
 .service .service_in .con {
   width: 100%;
   height: 2.6rem;
   display: flex;
   justify-content: space-evenly;
-      align-items: center; }
+  align-items: center;
+}
+
 .service .service_in .con div {
   flex: 1;
   font-size: 0.2rem;
-        text-align: center; }
+  text-align: center;
+}
+
 .service .service_in .con .left {
-        border-right: 1px solid #F0F0F0; }
+  border-right: 1px solid #F0F0F0;
+}
+
 .service .service_in .con .left p e {
   display: inline-block;
   width: 0.25rem;
@@ -198,11 +274,15 @@ html {
   line-height: 0.25rem;
   text-align: center;
   border-radius: 50%;
-          background-color: #ffe710; }
+  background-color: #ffe710;
+}
+
 .service .service_in .con .left img {
   width: 3rem;
   height: 1.7rem;
-          margin-top: 0.38rem; }
+  margin-top: 0.38rem;
+}
+
 .service .service_in .con .right p e {
   display: inline-block;
   width: 0.25rem;
@@ -210,37 +290,44 @@ html {
   line-height: 0.25rem;
   text-align: center;
   border-radius: 50%;
-        background-color: #ffe710; }
+  background-color: #ffe710;
+}
+
 .service .service_in .con .right img {
   width: 1.68rem;
   height: 1.68rem;
-        margin-top: 0.38rem; }
+  margin-top: 0.38rem;
+}
 
 @media screen and (max-width: 768px) {
   .pc-bg {
-    display: none; }
+    display: none;
-
+  }
   .m-bg {
-    display: block; }
+    display: block;
-
+  }
   .homeM {
     width: 100%;
     height: 14.3rem;
     background: url(../images/homeM.png) no-repeat;
     background-size: 100% 100%;
-    position: relative; }
+    position: relative;
+  }
   .homeM .logo {
     height: 0.5rem;
     padding: 0.1rem 0 0 0.34rem;
     display: flex;
-      align-items: center; }
+    align-items: center;
+  }
   .homeM .logo img {
     width: 0.5rem;
     height: 0.5rem;
-        margin-right: 0.08rem; }
+    margin-right: 0.08rem;
+  }
   .homeM .logo p {
     font-size: 0.26rem;
-        font-weight: 600; }
+    font-weight: 600;
+  }
   .homeM .charge {
     width: 0.6rem;
     height: 0.4rem;
@@ -252,7 +339,8 @@ html {
     position: absolute;
     right: 0.34rem;
     top: 0.2rem;
-      background-color: rgba(0, 0, 0, 0.2); }
+    background-color: rgba(0, 0, 0, 0.2);
+  }
   .homeM .download {
     width: 100%;
     height: 0.84rem;
@@ -260,27 +348,34 @@ html {
     justify-content: space-evenly;
     position: absolute;
     left: 0;
-      bottom: 0.8rem; }
+    bottom: 0.8rem;
+  }
   .homeM .download .iphone,
-      .homeM .download .android {
+  .homeM .download .android,
-        width: 2.78rem;
+  .homeM .download .simulator {
-        height: 0.84rem; }
+    width: 2rem;
+    height: 0.6rem;
+  }
   .homeM .swiper2 {
     width: 100%;
     height: 7.76rem;
     position: absolute;
     top: 4.5rem;
-      overflow-x: hidden; }
+    overflow-x: hidden;
+  }
   .homeM .swiper2 .swiper-wrapper {
     width: 100%;
-        height: 8rem; }
+    height: 8rem;
+  }
   .homeM .swiper2 .swiper-wrapper .swiper-slide img {
     width: 100%;
-          height: 100%; }
+    height: 100%;
+  }
   .homeM .swiper2 .swiper-pagination {
     position: absolute;
     top: 6.8rem;
-        left: 0; }
+    left: 0;
+  }
   .homeM .swiper2 .swiper-pagination .swiper-pagination-bullet {
     width: 0.25rem !important;
     height: 0.25rem !important;
@@ -288,42 +383,52 @@ html {
     background-image: url(../images/li.png) !important;
     background-size: 100% 100% !important;
     opacity: 1 !important;
-          margin-right: 0.3rem; }
+    margin-right: 0.3rem;
+  }
   .homeM .swiper2 .swiper-pagination .swiper-pagination-bullet-active {
     background: none !important;
     background-image: url(../images/li_active.png) !important;
     background-size: 100% 100% !important;
-          opacity: 1 !important; }
+    opacity: 1 !important;
-
+  }
   .eori {
     width: 100%;
     background: #30312C;
     color: white;
-    padding: 0.2rem 0; }
+    padding: 0.2rem 0;
+  }
   .eori .recordfoot {
     color: #fff;
     display: flex;
     justify-content: center;
-      align-items: center; }
+    align-items: center;
+  }
   .eori .recordfoot .record {
     display: inline-block;
-        padding-right: 0.0533333333rem;
+    padding-right: 0.05333rem;
     height: 0.3rem;
     width: 0.3rem;
-        background: url(../images/icon_police.png) no-repeat; }
+    background: url(../images/icon_police.png) no-repeat;
+  }
   .eori .gongsi {
     display: block;
-      text-align: center; }
+    text-align: center;
+  }
   .eori .gongsi p {
     line-height: 1.3;
-        font-size: 0.2rem; }
+    font-size: 0.2rem;
+  }
   .eori .gongsi p:nth-child(2) {
-          margin: 0; }
+    margin: 0;
+  }
   .eori .tit {
     height: 1.6rem;
     line-height: 1.6rem;
     text-align: center;
-      font-size: 20px; } }
+    font-size: 20px;
+  }
+}
+
 .toast {
   background: rgba(0, 0, 0, 0.9);
   border-radius: 10px;
@@ -338,14 +443,14 @@ html {
   line-height: 40px;
   text-align: center;
   display: none;
-  z-index: 9; }
+  z-index: 9;
+}
 
 .tips {
   display: none;
   position: fixed;
   top: 0;
-  right: 0.2666666667rem;
+  right: 0.26667rem;
-  width: 6.1333333333rem;
+  width: 6.13333rem;
-  z-index: 9; }
+  z-index: 9;
-
+}
-/*# sourceMappingURL=index.css.map */

view/yinmeng/home/css/index.scss

@@ -114,7 +114,7 @@ html {
           width: 2.78rem;
           height: 0.84rem;
           position: absolute;
-          left: 1.3rem;
+          left: 0.3rem;
           bottom: 2.1rem;
         }
 
@@ -122,7 +122,15 @@ html {
           width: 2.78rem;
           height: 0.84rem;
           position: absolute;
-          right: 1.3rem;
+          right: 2.6rem;
+          bottom: 2.1rem;
+        }
+
+        .simulator {
+          width: 2.78rem;
+          height: 0.84rem;
+          position: absolute;
+          right: -0.8rem;
           bottom: 2.1rem;
         }
       }
@@ -389,9 +397,10 @@ html {
       bottom: 0.8rem;
 
       .iphone,
-      .android {
+      .android,
-        width: 2.78rem;
+      .simulator {
-        height: 0.84rem;
+        width: 2rem;
+        height: 0.6rem;
       }
     }
 

view/yinmeng/home/index.html

@@ -61,6 +61,9 @@
               <div class="android">
                 <img src="./images/android.png" alt="">
               </div>
+              <div class="simulator">
+                <img src="./images/simulator.png" alt="">
+              </div>
             </div>
             <div class="swiper-slide">
               <img src="./images/pic2.png" alt="">
@@ -106,6 +109,7 @@
         <div class="download">
           <img src="./images/ios.png" class="iphone" alt="">
           <img src="./images/android.png" class="android" alt="">
+          <img src="./images/simulator.png" class="simulator" alt="">
         </div>
 
       </div>

view/yinmeng/home/js/index.js

@@ -4,6 +4,7 @@ let urlData = getQueryString()
 let urlPrefix = getUrlPrefix()
 //获取url参数
 let channelData = urlData.channel
+var simulator = 'https://image.nnbc123.cn/yinmeng_mlq.apk';
 //定义官方渠道包
 const channelDict = {
   'yinmeng0': 'https://image.lecheng163.com/yinmeng_yinmeng0.apk',
@@ -85,6 +86,9 @@ $(function () {
   $('.iphone').on('click', function () {
     window.location.href = iosUrl;
   })
+  $('.simulator').on('click', function () {
+    window.location.href = simulator;
+  })
   //联系客服按钮 
   $('.homePc .kefu').click(function () {
     $('.service').fadeIn()