提审官网：删除移动端样式
This commit is contained in:
qf
Binary file not shown.
@@ -8,11 +8,6 @@ html {
|
||||
.container {
|
||||
position: relative; }
|
||||
|
||||
@media screen and (min-width: 769px) {
|
||||
.m-bg {
|
||||
display: none; }
|
||||
.m-bg img {
|
||||
display: block; } }
|
||||
.homePc {
|
||||
width: 100%;
|
||||
height: 10.8rem;
|
||||
@@ -199,114 +194,6 @@ html {
|
||||
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;
|
||||
|
||||
@@ -15,15 +15,15 @@ html {
|
||||
}
|
||||
|
||||
// pc端
|
||||
@media screen and (min-width:769px) {
|
||||
.m-bg {
|
||||
display: none;
|
||||
// @media screen and (min-width:769px) {
|
||||
// .m-bg {
|
||||
// display: none;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
// img {
|
||||
// display: block;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
.homePc {
|
||||
width: 100%;
|
||||
@@ -296,175 +296,175 @@ html {
|
||||
}
|
||||
|
||||
// 移动端
|
||||
@media screen and (max-width:768px) {
|
||||
// @media screen and (max-width:768px) {
|
||||
|
||||
.pc-bg {
|
||||
display: none;
|
||||
}
|
||||
// .pc-bg {
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
.m-bg {
|
||||
display: block;
|
||||
}
|
||||
// .m-bg {
|
||||
// display: block;
|
||||
// }
|
||||
|
||||
.homeM {
|
||||
width: 100%;
|
||||
height: 14.3rem;
|
||||
background: url(../images/homeM.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
// .homeM {
|
||||
// width: 100%;
|
||||
// height: 14.3rem;
|
||||
// background: url(../images/homeM.png) no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
// position: relative;
|
||||
|
||||
.logo {
|
||||
height: 0.5rem;
|
||||
padding: 0.1rem 0 0 0.34rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// .logo {
|
||||
// height: 0.5rem;
|
||||
// padding: 0.1rem 0 0 0.34rem;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
|
||||
img {
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
margin-right: 0.08rem;
|
||||
}
|
||||
// img {
|
||||
// width: 0.5rem;
|
||||
// height: 0.5rem;
|
||||
// margin-right: 0.08rem;
|
||||
// }
|
||||
|
||||
p {
|
||||
font-size: 0.26rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
// p {
|
||||
// font-size: 0.26rem;
|
||||
// font-weight: 600;
|
||||
// }
|
||||
// }
|
||||
|
||||
.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);
|
||||
}
|
||||
// .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);
|
||||
// }
|
||||
|
||||
.download {
|
||||
width: 100%;
|
||||
height: 0.84rem;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0.8rem;
|
||||
// .download {
|
||||
// width: 100%;
|
||||
// height: 0.84rem;
|
||||
// display: flex;
|
||||
// justify-content: space-evenly;
|
||||
// position: absolute;
|
||||
// left: 0;
|
||||
// bottom: 0.8rem;
|
||||
|
||||
.iphone,
|
||||
.android {
|
||||
width: 2.78rem;
|
||||
height: 0.84rem;
|
||||
}
|
||||
}
|
||||
// .iphone,
|
||||
// .android {
|
||||
// width: 2.78rem;
|
||||
// height: 0.84rem;
|
||||
// }
|
||||
// }
|
||||
|
||||
.swiper2 {
|
||||
width: 100%;
|
||||
height: 7.76rem;
|
||||
position: absolute;
|
||||
top: 4.5rem;
|
||||
overflow-x: hidden;
|
||||
// .swiper2 {
|
||||
// width: 100%;
|
||||
// height: 7.76rem;
|
||||
// position: absolute;
|
||||
// top: 4.5rem;
|
||||
// overflow-x: hidden;
|
||||
|
||||
.swiper-wrapper {
|
||||
width: 100%;
|
||||
height: 8rem;
|
||||
// .swiper-wrapper {
|
||||
// width: 100%;
|
||||
// height: 8rem;
|
||||
|
||||
.swiper-slide {
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
// .swiper-slide {
|
||||
// img {
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
.swiper-pagination {
|
||||
// width: 20%;
|
||||
// height: 50%;
|
||||
// transform: rotate(90deg);
|
||||
position: absolute;
|
||||
top: 6.8rem;
|
||||
left: 0;
|
||||
// .swiper-pagination {
|
||||
// // width: 20%;
|
||||
// // height: 50%;
|
||||
// // transform: rotate(90deg);
|
||||
// position: absolute;
|
||||
// top: 6.8rem;
|
||||
// left: 0;
|
||||
|
||||
.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;
|
||||
}
|
||||
// .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;
|
||||
// }
|
||||
|
||||
.swiper-pagination-bullet-active {
|
||||
// width: 30px !important;
|
||||
// height: 30px !important;
|
||||
background: none !important;
|
||||
background-image: url(../images/li_active.png) !important;
|
||||
background-size: 100% 100% !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
// .swiper-pagination-bullet-active {
|
||||
// // width: 30px !important;
|
||||
// // height: 30px !important;
|
||||
// background: none !important;
|
||||
// background-image: url(../images/li_active.png) !important;
|
||||
// background-size: 100% 100% !important;
|
||||
// opacity: 1 !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
}
|
||||
// }
|
||||
|
||||
.eori {
|
||||
// height: 1.2rem;
|
||||
width: 100%;
|
||||
background: #30312C;
|
||||
color: rgb(255, 255, 255);
|
||||
padding: 0.2rem 0;
|
||||
// .eori {
|
||||
// // height: 1.2rem;
|
||||
// width: 100%;
|
||||
// background: #30312C;
|
||||
// color: rgb(255, 255, 255);
|
||||
// padding: 0.2rem 0;
|
||||
|
||||
.recordfoot {
|
||||
color: #fff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
// .recordfoot {
|
||||
// color: #fff;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
|
||||
.record {
|
||||
display: inline-block;
|
||||
padding-right: px2rem(4);
|
||||
height: 0.3rem;
|
||||
width: 0.3rem;
|
||||
background: url(../images/icon_police.png) no-repeat;
|
||||
}
|
||||
}
|
||||
// .record {
|
||||
// display: inline-block;
|
||||
// padding-right: px2rem(4);
|
||||
// height: 0.3rem;
|
||||
// width: 0.3rem;
|
||||
// background: url(../images/icon_police.png) no-repeat;
|
||||
// }
|
||||
// }
|
||||
|
||||
.gongsi {
|
||||
display: block;
|
||||
text-align: center;
|
||||
// .gongsi {
|
||||
// display: block;
|
||||
// text-align: center;
|
||||
|
||||
p {
|
||||
line-height: 1.3;
|
||||
font-size: 0.2rem;
|
||||
// p {
|
||||
// line-height: 1.3;
|
||||
// font-size: 0.2rem;
|
||||
|
||||
&:nth-child(2) {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
// &:nth-child(2) {
|
||||
// margin: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// div {
|
||||
// // height: 30px;
|
||||
// width: 100%;
|
||||
// text-align: center;
|
||||
// // line-height: 30px;
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// // div {
|
||||
// // // height: 30px;
|
||||
// // width: 100%;
|
||||
// // text-align: center;
|
||||
// // // line-height: 30px;
|
||||
// // font-size: 14px;
|
||||
// // }
|
||||
|
||||
.tit {
|
||||
height: px2rem(120);
|
||||
line-height: px2rem(120);
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
}
|
||||
// .tit {
|
||||
// height: px2rem(120);
|
||||
// line-height: px2rem(120);
|
||||
// text-align: center;
|
||||
// font-size: 20px;
|
||||
// }
|
||||
|
||||
}
|
||||
// }
|
||||
|
||||
}
|
||||
// }
|
||||
|
||||
|
||||
.toast {
|
||||
|
||||
@@ -74,14 +74,12 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-bg">
|
||||
<!-- <div class="m-bg">
|
||||
<div class="homeM">
|
||||
<div class="logo">
|
||||
<img src="./images/logo.png" alt="">
|
||||
<p>音萌</p>
|
||||
</div>
|
||||
<!-- <div class="charge">充值</div> -->
|
||||
<!-- 轮播 -->
|
||||
<div class="swiper-container swiper2">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
@@ -94,14 +92,13 @@
|
||||
<div class="swiper-pagination swp"></div>
|
||||
</div>
|
||||
|
||||
<!-- 下载 -->
|
||||
<div class="download">
|
||||
<img src="./images/ios.png" class="iphone" alt="">
|
||||
<img src="./images/android.png" class="android" alt="">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- <div class="eori">
|
||||
<div class="recordfoot">
|
||||
|
||||
@@ -88,24 +88,24 @@ $(function () {
|
||||
$(function () {
|
||||
$(document).ready(function () {
|
||||
var deviceWidth = document.documentElement.clientWidth;
|
||||
if (deviceWidth > 768) {
|
||||
// if (deviceWidth > 768) {
|
||||
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
|
||||
swiperFun();
|
||||
} else {
|
||||
document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
||||
swiperFun2()
|
||||
}
|
||||
// } else {
|
||||
// document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
||||
// swiperFun2()
|
||||
// }
|
||||
});
|
||||
window.onresize = function () {
|
||||
var deviceWidth = document.documentElement.clientWidth;
|
||||
// console.log('deviceWidth', deviceWidth);
|
||||
if (deviceWidth > 768) {
|
||||
// if (deviceWidth > 768) {
|
||||
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
|
||||
swiperFun();
|
||||
} else {
|
||||
document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
||||
swiperFun2()
|
||||
}
|
||||
// } else {
|
||||
// document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
||||
// swiperFun2()
|
||||
// }
|
||||
}
|
||||
//跳转pc端充值
|
||||
$('.homePc .charge').click(function () {
|
||||
|
||||
Reference in New Issue
Block a user