diff --git a/view/yinmeng/home/css/index.css b/view/yinmeng/home/css/index.css
index ee5151d..775ab5c 100644
--- a/view/yinmeng/home/css/index.css
+++ b/view/yinmeng/home/css/index.css
@@ -1,351 +1,456 @@
-@charset "UTF-8";
-body,
-html {
- width: 100%;
- height: 100%;
- font-family: "Heiti SC", "Microsoft Sans Serif"; }
-
-.container {
- position: relative; }
-
-@media screen and (min-width: 769px) {
- .m-bg {
- display: none; }
- .m-bg img {
- display: block; } }
-.homePc {
- width: 100%;
- height: 10rem;
- background: url(../images/homePc.png) no-repeat;
- background-size: 100% 100%;
- position: relative;
- overflow: hidden; }
- .homePc .logo {
- width: 0.64rem;
- height: 0.64rem;
- position: absolute;
- top: 0.36rem;
- left: 2.4rem; }
- .homePc .name {
- font-size: 0.3rem;
- color: #282828;
- font-weight: 600;
- position: absolute;
- top: 0.55rem;
- left: 3.22rem; }
- .homePc .charge {
- font-size: 0.32rem;
- color: #282828;
- font-weight: 600;
- position: absolute;
- right: 4.24rem;
- top: 0.5rem; }
- .homePc p {
- font-size: 0.32rem;
- color: #282828;
- font-weight: 600;
- position: absolute;
- right: 3.95rem;
- top: 0.5rem; }
- .homePc .kefu {
- font-size: 0.32rem;
- color: #282828;
- font-weight: 600;
- position: absolute;
- right: 2.4rem;
- top: 0.5rem; }
- .homePc .swiper {
- width: 12rem;
- height: 9rem;
- margin: 0.85rem 0 0 5rem;
- position: relative;
- 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%); }
- .homePc .swiper .swiper-wrapper .slide1 {
- position: relative; }
- .homePc .swiper .swiper-wrapper .slide1 .iphone {
- width: 2.78rem;
- height: 0.84rem;
- position: absolute;
- left: 1.3rem;
- bottom: 2.1rem; }
- .homePc .swiper .swiper-wrapper .slide1 .android {
- width: 2.78rem;
- height: 0.84rem;
- position: absolute;
- right: 1.3rem;
- bottom: 2.1rem; }
- .homePc .swiper .swiper-wrapper .swiper-button-prev img {
- width: 0.54rem;
- height: 0.84rem; }
- .homePc .swiper .swiper-wrapper .swiper-button-next img {
- width: 0.54rem;
- height: 0.84rem; }
- .homePc .swiper .swiper-pagination {
- width: 20%;
- height: 50%;
- position: absolute;
- top: 5rem;
- right: -1rem; }
- .homePc .swiper .swiper-pagination .swiper-pagination-bullet {
- width: 0.25rem !important;
- height: 0.25rem !important;
- background: none !important;
- background-image: url(../images/li.png) !important;
- background-size: 100% 100% !important;
- opacity: 1 !important;
- 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; }
-
-.eori {
- width: 100%;
- background: #30312C;
- color: white;
- padding: 0.2rem 0;
- vertical-align: top; }
- .eori .recordfoot {
- color: #fff;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-bottom: 0.1rem; }
- .eori .recordfoot .record {
- display: inline-block;
- padding-right: 0.0533333333rem;
- height: 0.16rem;
- width: 0.15rem; }
- .eori .recordfoot a {
- font-size: 0.2rem;
- color: #fff; }
- .eori .gongsi {
- display: flex;
- justify-content: center;
- text-align: center; }
- .eori .gongsi p {
- font-size: 0.2rem; }
- .eori .gongsi p:nth-child(2) {
- margin: 0 0.2rem; }
-
-.service {
- position: fixed;
- left: 0;
- bottom: 0;
- top: 0;
- right: 0;
- background: rgba(0, 0, 0, 0.8);
- z-index: 9999;
- display: none; }
- .service .service_in {
- width: 8.23rem;
- height: 4.9rem;
- background: #FFFFFF;
- border-radius: 0.5rem;
- position: relative;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- overflow: hidden; }
- .service .service_in .close {
- width: 0.5rem;
- height: 0.5rem;
- position: absolute;
- top: 0.35rem;
- 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; }
- .service .service_in .subhead {
- width: 100%;
- font-size: 0.24rem;
- color: #2D2727;
- font-weight: 600;
- text-align: center;
- margin-bottom: 0.5rem; }
- .service .service_in .con {
- width: 100%;
- height: 2.6rem;
- display: flex;
- justify-content: space-evenly;
- align-items: center; }
- .service .service_in .con div {
- flex: 1;
- font-size: 0.2rem;
- text-align: center; }
- .service .service_in .con .left {
- border-right: 1px solid #F0F0F0; }
- .service .service_in .con .left p e {
- display: inline-block;
- width: 0.25rem;
- height: 0.25rem;
- line-height: 0.25rem;
- text-align: center;
- border-radius: 50%;
- background-color: #ffe710; }
- .service .service_in .con .left img {
- width: 3rem;
- height: 1.7rem;
- margin-top: 0.38rem; }
- .service .service_in .con .right p e {
- display: inline-block;
- width: 0.25rem;
- height: 0.25rem;
- line-height: 0.25rem;
- text-align: center;
- border-radius: 50%;
- background-color: #ffe710; }
- .service .service_in .con .right img {
- width: 1.68rem;
- height: 1.68rem;
- margin-top: 0.38rem; }
-
-@media screen and (max-width: 768px) {
- .pc-bg {
- display: none; }
-
- .m-bg {
- display: block; }
-
- .homeM {
- width: 100%;
- height: 14.3rem;
- background: url(../images/homeM.png) no-repeat;
- background-size: 100% 100%;
- position: relative; }
- .homeM .logo {
- height: 0.5rem;
- padding: 0.1rem 0 0 0.34rem;
- display: flex;
- align-items: center; }
- .homeM .logo img {
- width: 0.5rem;
- height: 0.5rem;
- margin-right: 0.08rem; }
- .homeM .logo p {
- font-size: 0.26rem;
- font-weight: 600; }
- .homeM .charge {
- width: 0.6rem;
- height: 0.4rem;
- line-height: 0.4rem;
- text-align: center;
- border-radius: 0.1rem;
- font-size: 0.26rem;
- font-weight: 600;
- position: absolute;
- right: 0.34rem;
- top: 0.2rem;
- background-color: rgba(0, 0, 0, 0.2); }
- .homeM .download {
- width: 100%;
- height: 0.84rem;
- display: flex;
- justify-content: space-evenly;
- position: absolute;
- left: 0;
- bottom: 0.8rem; }
- .homeM .download .iphone,
- .homeM .download .android {
- width: 2.78rem;
- height: 0.84rem; }
- .homeM .swiper2 {
- width: 100%;
- height: 7.76rem;
- position: absolute;
- top: 4.5rem;
- overflow-x: hidden; }
- .homeM .swiper2 .swiper-wrapper {
- width: 100%;
- height: 8rem; }
- .homeM .swiper2 .swiper-wrapper .swiper-slide img {
- width: 100%;
- height: 100%; }
- .homeM .swiper2 .swiper-pagination {
- position: absolute;
- top: 6.8rem;
- left: 0; }
- .homeM .swiper2 .swiper-pagination .swiper-pagination-bullet {
- width: 0.25rem !important;
- height: 0.25rem !important;
- background: none !important;
- background-image: url(../images/li.png) !important;
- background-size: 100% 100% !important;
- opacity: 1 !important;
- 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; }
-
- .eori {
- width: 100%;
- background: #30312C;
- color: white;
- padding: 0.2rem 0; }
- .eori .recordfoot {
- color: #fff;
- display: flex;
- justify-content: center;
- align-items: center; }
- .eori .recordfoot .record {
- display: inline-block;
- padding-right: 0.0533333333rem;
- height: 0.3rem;
- width: 0.3rem;
- background: url(../images/icon_police.png) no-repeat; }
- .eori .gongsi {
- display: block;
- text-align: center; }
- .eori .gongsi p {
- line-height: 1.3;
- font-size: 0.2rem; }
- .eori .gongsi p:nth-child(2) {
- margin: 0; }
- .eori .tit {
- height: 1.6rem;
- line-height: 1.6rem;
- text-align: center;
- font-size: 20px; } }
-.toast {
- background: rgba(0, 0, 0, 0.9);
- border-radius: 10px;
- width: 100px;
- font-size: 16px;
- position: fixed;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- color: #fff;
- height: 40px;
- line-height: 40px;
- text-align: center;
- display: none;
- z-index: 9; }
-
-.tips {
- display: none;
- position: fixed;
- top: 0;
- right: 0.2666666667rem;
- width: 6.1333333333rem;
- z-index: 9; }
-
-/*# sourceMappingURL=index.css.map */
+@charset "UTF-8";
+body,
+html {
+ width: 100%;
+ height: 100%;
+ font-family: "Heiti SC", "Microsoft Sans Serif";
+}
+
+.container {
+ position: relative;
+}
+
+@media screen and (min-width: 769px) {
+ .m-bg {
+ display: none;
+ }
+ .m-bg img {
+ display: block;
+ }
+}
+
+.homePc {
+ width: 100%;
+ height: 10rem;
+ background: url(../images/homePc.png) no-repeat;
+ background-size: 100% 100%;
+ position: relative;
+ overflow: hidden;
+}
+
+.homePc .logo {
+ width: 0.64rem;
+ height: 0.64rem;
+ position: absolute;
+ top: 0.36rem;
+ left: 2.4rem;
+}
+
+.homePc .name {
+ font-size: 0.3rem;
+ color: #282828;
+ font-weight: 600;
+ position: absolute;
+ top: 0.55rem;
+ left: 3.22rem;
+}
+
+.homePc .charge {
+ font-size: 0.32rem;
+ color: #282828;
+ font-weight: 600;
+ position: absolute;
+ right: 4.24rem;
+ top: 0.5rem;
+}
+
+.homePc p {
+ font-size: 0.32rem;
+ color: #282828;
+ font-weight: 600;
+ position: absolute;
+ right: 3.95rem;
+ top: 0.5rem;
+}
+
+.homePc .kefu {
+ font-size: 0.32rem;
+ color: #282828;
+ font-weight: 600;
+ position: absolute;
+ right: 2.4rem;
+ top: 0.5rem;
+}
+
+.homePc .swiper {
+ width: 12rem;
+ height: 9rem;
+ margin: 0.85rem 0 0 5rem;
+ position: relative;
+ 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%);
+}
+
+.homePc .swiper .swiper-wrapper .slide1 {
+ position: relative;
+}
+
+.homePc .swiper .swiper-wrapper .slide1 .iphone {
+ width: 2.78rem;
+ height: 0.84rem;
+ position: absolute;
+ left: 0.3rem;
+ bottom: 2.1rem;
+}
+
+.homePc .swiper .swiper-wrapper .slide1 .android {
+ width: 2.78rem;
+ height: 0.84rem;
+ position: absolute;
+ right: 2.6rem;
+ 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;
+}
+
+.homePc .swiper .swiper-wrapper .swiper-button-next img {
+ width: 0.54rem;
+ height: 0.84rem;
+}
+
+.homePc .swiper .swiper-pagination {
+ width: 20%;
+ height: 50%;
+ position: absolute;
+ top: 5rem;
+ right: -1rem;
+}
+
+.homePc .swiper .swiper-pagination .swiper-pagination-bullet {
+ width: 0.25rem !important;
+ height: 0.25rem !important;
+ background: none !important;
+ background-image: url(../images/li.png) !important;
+ background-size: 100% 100% !important;
+ opacity: 1 !important;
+ 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;
+}
+
+.eori {
+ width: 100%;
+ background: #30312C;
+ color: white;
+ padding: 0.2rem 0;
+ vertical-align: top;
+}
+
+.eori .recordfoot {
+ color: #fff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-bottom: 0.1rem;
+}
+
+.eori .recordfoot .record {
+ display: inline-block;
+ padding-right: 0.05333rem;
+ height: 0.16rem;
+ width: 0.15rem;
+}
+
+.eori .recordfoot a {
+ font-size: 0.2rem;
+ color: #fff;
+}
+
+.eori .gongsi {
+ display: flex;
+ justify-content: center;
+ text-align: center;
+}
+
+.eori .gongsi p {
+ font-size: 0.2rem;
+}
+
+.eori .gongsi p:nth-child(2) {
+ margin: 0 0.2rem;
+}
+
+.service {
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ top: 0;
+ right: 0;
+ background: rgba(0, 0, 0, 0.8);
+ z-index: 9999;
+ display: none;
+}
+
+.service .service_in {
+ width: 8.23rem;
+ height: 4.9rem;
+ background: #FFFFFF;
+ border-radius: 0.5rem;
+ position: relative;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ overflow: hidden;
+}
+
+.service .service_in .close {
+ width: 0.5rem;
+ height: 0.5rem;
+ position: absolute;
+ top: 0.35rem;
+ 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;
+}
+
+.service .service_in .subhead {
+ width: 100%;
+ font-size: 0.24rem;
+ color: #2D2727;
+ font-weight: 600;
+ text-align: center;
+ margin-bottom: 0.5rem;
+}
+
+.service .service_in .con {
+ width: 100%;
+ height: 2.6rem;
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+}
+
+.service .service_in .con div {
+ flex: 1;
+ font-size: 0.2rem;
+ text-align: center;
+}
+
+.service .service_in .con .left {
+ border-right: 1px solid #F0F0F0;
+}
+
+.service .service_in .con .left p e {
+ display: inline-block;
+ width: 0.25rem;
+ height: 0.25rem;
+ line-height: 0.25rem;
+ text-align: center;
+ border-radius: 50%;
+ background-color: #ffe710;
+}
+
+.service .service_in .con .left img {
+ width: 3rem;
+ height: 1.7rem;
+ margin-top: 0.38rem;
+}
+
+.service .service_in .con .right p e {
+ display: inline-block;
+ width: 0.25rem;
+ height: 0.25rem;
+ line-height: 0.25rem;
+ text-align: center;
+ border-radius: 50%;
+ background-color: #ffe710;
+}
+
+.service .service_in .con .right img {
+ width: 1.68rem;
+ height: 1.68rem;
+ margin-top: 0.38rem;
+}
+
+@media screen and (max-width: 768px) {
+ .pc-bg {
+ display: none;
+ }
+ .m-bg {
+ display: block;
+ }
+ .homeM {
+ width: 100%;
+ height: 14.3rem;
+ background: url(../images/homeM.png) no-repeat;
+ background-size: 100% 100%;
+ position: relative;
+ }
+ .homeM .logo {
+ height: 0.5rem;
+ padding: 0.1rem 0 0 0.34rem;
+ display: flex;
+ align-items: center;
+ }
+ .homeM .logo img {
+ width: 0.5rem;
+ height: 0.5rem;
+ margin-right: 0.08rem;
+ }
+ .homeM .logo p {
+ font-size: 0.26rem;
+ font-weight: 600;
+ }
+ .homeM .charge {
+ width: 0.6rem;
+ height: 0.4rem;
+ line-height: 0.4rem;
+ text-align: center;
+ border-radius: 0.1rem;
+ font-size: 0.26rem;
+ font-weight: 600;
+ position: absolute;
+ right: 0.34rem;
+ top: 0.2rem;
+ background-color: rgba(0, 0, 0, 0.2);
+ }
+ .homeM .download {
+ width: 100%;
+ height: 0.84rem;
+ display: flex;
+ justify-content: space-evenly;
+ position: absolute;
+ left: 0;
+ bottom: 0.8rem;
+ }
+ .homeM .download .iphone,
+ .homeM .download .android,
+ .homeM .download .simulator {
+ width: 2rem;
+ height: 0.6rem;
+ }
+ .homeM .swiper2 {
+ width: 100%;
+ height: 7.76rem;
+ position: absolute;
+ top: 4.5rem;
+ overflow-x: hidden;
+ }
+ .homeM .swiper2 .swiper-wrapper {
+ width: 100%;
+ height: 8rem;
+ }
+ .homeM .swiper2 .swiper-wrapper .swiper-slide img {
+ width: 100%;
+ height: 100%;
+ }
+ .homeM .swiper2 .swiper-pagination {
+ position: absolute;
+ top: 6.8rem;
+ left: 0;
+ }
+ .homeM .swiper2 .swiper-pagination .swiper-pagination-bullet {
+ width: 0.25rem !important;
+ height: 0.25rem !important;
+ background: none !important;
+ background-image: url(../images/li.png) !important;
+ background-size: 100% 100% !important;
+ opacity: 1 !important;
+ 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;
+ }
+ .eori {
+ width: 100%;
+ background: #30312C;
+ color: white;
+ padding: 0.2rem 0;
+ }
+ .eori .recordfoot {
+ color: #fff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+ .eori .recordfoot .record {
+ display: inline-block;
+ padding-right: 0.05333rem;
+ height: 0.3rem;
+ width: 0.3rem;
+ background: url(../images/icon_police.png) no-repeat;
+ }
+ .eori .gongsi {
+ display: block;
+ text-align: center;
+ }
+ .eori .gongsi p {
+ line-height: 1.3;
+ font-size: 0.2rem;
+ }
+ .eori .gongsi p:nth-child(2) {
+ margin: 0;
+ }
+ .eori .tit {
+ height: 1.6rem;
+ line-height: 1.6rem;
+ text-align: center;
+ font-size: 20px;
+ }
+}
+
+.toast {
+ background: rgba(0, 0, 0, 0.9);
+ border-radius: 10px;
+ width: 100px;
+ font-size: 16px;
+ position: fixed;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ color: #fff;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ display: none;
+ z-index: 9;
+}
+
+.tips {
+ display: none;
+ position: fixed;
+ top: 0;
+ right: 0.26667rem;
+ width: 6.13333rem;
+ z-index: 9;
+}
diff --git a/view/yinmeng/home/css/index.scss b/view/yinmeng/home/css/index.scss
index 960ce3d..faf58e8 100644
--- a/view/yinmeng/home/css/index.scss
+++ b/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 {
- width: 2.78rem;
- height: 0.84rem;
+ .android,
+ .simulator {
+ width: 2rem;
+ height: 0.6rem;
}
}
diff --git a/view/yinmeng/home/images/simulator.png b/view/yinmeng/home/images/simulator.png
new file mode 100644
index 0000000..b44300c
Binary files /dev/null and b/view/yinmeng/home/images/simulator.png differ
diff --git a/view/yinmeng/home/index.html b/view/yinmeng/home/index.html
index 1557adf..eacbb19 100644
--- a/view/yinmeng/home/index.html
+++ b/view/yinmeng/home/index.html
@@ -61,6 +61,9 @@
+
+
+
@@ -106,6 +109,7 @@
diff --git a/view/yinmeng/home/js/index.js b/view/yinmeng/home/js/index.js
index cbd8d4f..b4dd056 100644
--- a/view/yinmeng/home/js/index.js
+++ b/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()
