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

新增官网

Browse Source
This commit is contained in:
Dragon
2023-12-25 12:24:35 +08:00
parent 4a916fef6f
commit 8399a8110b
14 changed files with 874 additions and 769 deletions
Download Patch File Download Diff File Expand all files Collapse all files

675
view/mew/home/css/index.css
View File

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

944
view/mew/home/css/index.scss
View File

File diff suppressed because it is too large Load Diff

BIN
view/mew/home/images/homeM.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 964 KiB

After

Width:  |  Height:  |  Size: 259 KiB

BIN
view/mew/home/images/homePc.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 877 KiB

BIN
view/mew/home/images/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
view/mew/home/images/mpic1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 458 KiB

BIN
view/mew/home/images/mpic2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 MiB

After

Width:  |  Height:  |  Size: 402 KiB

BIN
view/mew/home/images/pic1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 216 KiB

After

Width:  |  Height:  |  Size: 37 KiB

BIN
view/mew/home/images/pic2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 547 KiB

BIN
view/mew/home/images/pic3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 MiB

After

Width:  |  Height:  |  Size: 475 KiB

BIN
view/mew/home/images/tips.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 19 KiB

20
view/mew/home/index.html
View File

@@ -44,9 +44,9 @@
<img src="./images/logo.png" alt=""> <img src="./images/logo.png" alt="">
</div> </div>
<div class="name">Mew</div> <div class="name">Mew</div>
<div class="charge">官方充值</div> <div class="charge">联系方式：dragon_2023_11@163.com</div>
<p>|</p> <!-- <p>|</p>
<div class="kefu">客服咨询</div> <div class="kefu">客服咨询</div> -->
@@ -56,10 +56,10 @@
<div class="swiper-slide slide1"> <div class="swiper-slide slide1">
<img src="./images/pic1.png" alt=""> <img src="./images/pic1.png" alt="">
<div class="iphone"> <div class="iphone">
<img src="./images/ios.png" alt=""> <!-- <img src="./images/ios.png" alt=""> -->
</div> </div>
<div class="android"> <div class="android">
<img src="./images/android.png" alt=""> <!-- <img src="./images/android.png" alt=""> -->
</div> </div>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
@@ -88,7 +88,7 @@
<img src="./images/logo.png" alt=""> <img src="./images/logo.png" alt="">
<p>Mew</p> <p>Mew</p>
</div> </div>
<!-- <div class="charge">充值</div> --> <div class="charge">联系方式：dragon_2023_11@163.com</div>
<!-- 轮播 --> <!-- 轮播 -->
<div class="swiper-container swiper2"> <div class="swiper-container swiper2">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
@@ -104,8 +104,8 @@
<!-- 下载 --> <!-- 下载 -->
<div class="download"> <div class="download">
<img src="./images/ios.png" class="iphone" alt=""> <!-- <img src="./images/ios.png" class="iphone" alt="">
<img src="./images/android.png" class="android" alt=""> <img src="./images/android.png" class="android" alt=""> -->
</div> </div>
</div> </div>
@@ -114,12 +114,12 @@
<div class="eori"> <div class="eori">
<div class="recordfoot"> <div class="recordfoot">
<img src="./images/icon_police.png" class="record" alt=""> <img src="./images/icon_police.png" class="record" alt="">
<a href="https://beian.miit.gov.cn/#/Integrated/index">桂ICP备2022001089号-1</a> <a href="https://beian.miit.gov.cn/#/Integrated/index">桂ICP备2022001089号-3</a>
</div> </div>
<div class="gongsi"> <div class="gongsi">
<p>公司主体：南宁冰创网络科技有限公司</p> <p>公司主体：南宁冰创网络科技有限公司</p>
<p>Nanning Bingchuang Network Technology Co., Ltd.</p>
<p>联系地址：中国（广西）自由贸易试验区南宁片区庆林路16号天誉花园4号地块5号楼三层3442号</p> <p>联系地址：中国（广西）自由贸易试验区南宁片区庆林路16号天誉花园4号地块5号楼三层3442号</p>
<p>联系方式：020-85698266</p>
</div> </div>
</div> </div>

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

@@ -94,10 +94,10 @@ $(function () {
}) })
// 跳转充值 // 跳转充值
$('.homePc .charge').click(function () { $('.homePc .charge').click(function () {
window.location.href = tranUrl +'/mew/modules/payment_pc/index.html'; // window.location.href = tranUrl +'/mew/modules/payment_pc/index.html';
}) })
$('.homeM .charge').click(function () { $('.homeM .charge').click(function () {
window.location.href = tranUrl +'/mew/modules/payment/index.html'; // window.location.href = tranUrl +'/mew/modules/payment/index.html';
}) })
}) })

BIN
view/mew/modules/support/bg2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 MiB