yinmeng/yinmeng-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

官网新增模拟器下载

Browse Source
This commit is contained in:
dragon
2024-04-16 18:54:34 +08:00
parent 1d4c97fc9a
commit f8d4aaa1cc
5 changed files with 478 additions and 356 deletions
Download Patch File Download Diff File Expand all files Collapse all files

327
view/yinmeng/home/css/index.css
View File

@@ -3,142 +3,202 @@ 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; }
.homePc .logo {
overflow: hidden;
}
.homePc .logo {
width: 0.64rem;
height: 0.64rem;
position: absolute;
top: 0.36rem;
left: 2.4rem; }
.homePc .name {
left: 2.4rem;
}
.homePc .name {
font-size: 0.3rem;
color: #282828;
font-weight: 600;
position: absolute;
top: 0.55rem;
left: 3.22rem; }
.homePc .charge {
left: 3.22rem;
}
.homePc .charge {
font-size: 0.32rem;
color: #282828;
font-weight: 600;
position: absolute;
right: 4.24rem;
top: 0.5rem; }
.homePc p {
top: 0.5rem;
}
.homePc p {
font-size: 0.32rem;
color: #282828;
font-weight: 600;
position: absolute;
right: 3.95rem;
top: 0.5rem; }
.homePc .kefu {
top: 0.5rem;
}
.homePc .kefu {
font-size: 0.32rem;
color: #282828;
font-weight: 600;
position: absolute;
right: 2.4rem;
top: 0.5rem; }
.homePc .swiper {
top: 0.5rem;
}
.homePc .swiper {
width: 12rem;
height: 9rem;
margin: 0.85rem 0 0 5rem;
position: relative;
overflow-y: hidden; }
.homePc .swiper .swiper-wrapper {
overflow-y: hidden;
}
.homePc .swiper .swiper-wrapper {
width: 9rem;
height: 100%;
/*先去掉前进后退按钮默认样式*/
--swiper-navigation-size:0;
/*再自定义样式*/ }
.homePc .swiper .swiper-wrapper .swiper-slide img {
--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 {
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 {
left: 0.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 {
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 {
height: 0.84rem;
}
.homePc .swiper .swiper-wrapper .swiper-button-next img {
width: 0.54rem;
height: 0.84rem; }
.homePc .swiper .swiper-pagination {
height: 0.84rem;
}
.homePc .swiper .swiper-pagination {
width: 20%;
height: 50%;
position: absolute;
top: 5rem;
right: -1rem; }
.homePc .swiper .swiper-pagination .swiper-pagination-bullet {
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 {
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; }
.eori .recordfoot {
vertical-align: top;
}
.eori .recordfoot {
color: #fff;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0.1rem; }
.eori .recordfoot .record {
margin-bottom: 0.1rem;
}
.eori .recordfoot .record {
display: inline-block;
padding-right: 0.0533333333rem;
padding-right: 0.05333rem;
height: 0.16rem;
width: 0.15rem; }
.eori .recordfoot a {
width: 0.15rem;
}
.eori .recordfoot a {
font-size: 0.2rem;
color: #fff; }
.eori .gongsi {
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; }
text-align: center;
}
.eori .gongsi p {
font-size: 0.2rem;
}
.eori .gongsi p:nth-child(2) {
margin: 0 0.2rem;
}
.service {
position: fixed;
@@ -148,8 +208,10 @@ html {
right: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 9999;
display: none; }
.service .service_in {
display: none;
}
.service .service_in {
width: 8.23rem;
height: 4.9rem;
background: #FFFFFF;
@@ -158,89 +220,114 @@ html {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow: hidden; }
.service .service_in .close {
overflow: hidden;
}
.service .service_in .close {
width: 0.5rem;
height: 0.5rem;
position: absolute;
top: 0.35rem;
right: 0.4rem; }
.service .service_in .title {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
width: 2.78rem;
height: 0.84rem; }
.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; }
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;
width: 6.1333333333rem;
z-index: 9; }
/*# sourceMappingURL=index.css.map */
right: 0.26667rem;
width: 6.13333rem;
z-index: 9;
}

19
view/yinmeng/home/css/index.scss
View File

@@ -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;
}
}

BIN
view/yinmeng/home/images/simulator.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

4
view/yinmeng/home/index.html
View File

@@ -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>

4
view/yinmeng/home/js/index.js
View File

@@ -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()