moliparty/peko-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更改官网提审

Browse Source
This commit is contained in:
Dragon
2023-11-21 11:28:55 +08:00
parent b8ecaee589
commit 1bb5a6ee49
3 changed files with 302 additions and 457 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
view/peko/home/css/index.css
View File

@@ -16,7 +16,6 @@ html {
.m-bg img { .m-bg img {
display: block; display: block;
} }
.homePc { .homePc {
width: 100%; width: 100%;
height: 10rem; height: 10rem;
@@ -28,7 +27,7 @@ html {
width: 1.11rem; width: 1.11rem;
height: 0.5rem; height: 0.5rem;
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
border-radius: 0.13rem; border-radius: .13rem;
font-size: 0.24rem; font-size: 0.24rem;
color: #fff; color: #fff;
text-align: center; text-align: center;
@@ -58,13 +57,14 @@ html {
left: 2.4rem; left: 2.4rem;
bottom: 1.6rem; bottom: 1.6rem;
} }
.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;
position: absolute;
top: 0.8rem;
} }
.eori .gongsi { .eori .gongsi {
display: flex; display: flex;
@@ -78,19 +78,17 @@ html {
margin: 0 0.2rem; margin: 0 0.2rem;
} }
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
body { body {
background-color: #0C0122; background-color: #0C0122;
} }
.pc-bg { .pc-bg {
display: none; display: none;
} }
.m-bg { .m-bg {
display: block; display: block;
} }
.homeM { .homeM {
width: 100%; width: 100%;
height: 14.89rem; height: 14.89rem;
@@ -102,7 +100,7 @@ html {
width: 1.11rem; width: 1.11rem;
height: 0.5rem; height: 0.5rem;
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
border-radius: 0.13rem; border-radius: .13rem;
font-size: 0.24rem; font-size: 0.24rem;
color: #fff; color: #fff;
text-align: center; text-align: center;
@@ -148,26 +146,24 @@ html {
width: 2.2rem; width: 2.2rem;
height: 0.7rem; height: 0.7rem;
} }
.button-wrapper { .button-wrapper {
display: block; display: block;
position: absolute; position: absolute;
left: 1.28rem; left: 1.28rem;
top: 17.52rem; top: 17.52rem;
width: 7.4666666667rem; width: 7.46667rem;
height: 1.2266666667rem; height: 1.22667rem;
} }
.button-wrapper a { .button-wrapper a {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.button2-wrapper { .button2-wrapper {
display: block; display: block;
position: absolute; position: absolute;
left: 3.0933333333rem; left: 3.09333rem;
bottom: 1.7066666667rem; bottom: 1.70667rem;
width: 4rem; width: 4rem;
height: 0.8rem; height: 0.8rem;
background: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0);
@@ -177,11 +173,9 @@ html {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.m-button { .m-button {
display: block; display: block;
} }
.text-wrapper { .text-wrapper {
padding-left: 0; padding-left: 0;
width: 90%; width: 90%;
@@ -192,15 +186,16 @@ html {
margin-bottom: 10px; margin-bottom: 10px;
} }
.text-wrapper .text1, .text-wrapper .text1,
.text-wrapper p { .text-wrapper p {
text-align: center; text-align: center;
} }
.eori { .eori {
width: 100%; width: 100%;
background: #30312C; background: #30312C;
color: white; color: white;
padding: 0.2rem 0; padding: 0.2rem 0;
position: absolute;
top: 0.75rem;
} }
.eori .recordfoot { .eori .recordfoot {
color: #fff; color: #fff;
@@ -210,9 +205,9 @@ html {
} }
.eori .recordfoot .record { .eori .recordfoot .record {
display: inline-block; display: inline-block;
padding-right: 0.0533333333rem; padding-right: 0.05333rem;
height: 0.3733333333rem; height: 0.37333rem;
width: 0.4266666667rem; width: 0.42667rem;
background: url(../images/icon_police.png) no-repeat; background: url(../images/icon_police.png) no-repeat;
} }
.eori .gongsi { .eori .gongsi {
@@ -233,6 +228,7 @@ html {
font-size: 20px; 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;
@@ -254,9 +250,7 @@ html {
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 */

177
view/peko/home/css/index.scss
View File

@@ -1,5 +1,5 @@
@function px2rem($px, $rem: 75) { @function px2rem($px) {
@return $px / $rem+rem; @return $px / 75+rem;
} }
body, body,
@@ -14,142 +14,6 @@ html {
position: relative; position: relative;
} }
// .eori {
// // height: 8.7%;
// width: 100%;
// background: #000;
// // color: #D1D1D1;
// position: absolute;
// left: 0;
// padding: px2rem(10, ) 0;
// // p {
// // height: 40px;
// // width: 50%;
// // float: left;
// // text-align: center;
// // line-height: 40px;
// // font-size: 10px;
// // text-align: right;
// // padding-right: 20px;
// // box-sizing: border-box;
// // a {
// // color: #666;
// // }
// // }
// .weixin-name {
// padding-top: px2rem(20);
// }
// .recordfoot {
// width: 100%;
// color: #000;
// text-align: left;
// display: flex;
// justify-content: center;
// align-items: center;
// font-size: 13px;
// margin-bottom: px2rem(6, );
// .record {
// display: inline-block;
// padding-right: px2rem(4);
// width: px2rem(14, );
// height: px2rem(16, );
// background: url(../images/icon_police.png) no-repeat;
// // background: #948aff;
// }
// a {
// color: #fff;
// }
// }
// .gongsi {
// display: flex;
// justify-content: center;
// font-size: 13px;
// color: #fff;
// p {
// &:nth-child(2) {
// margin: 0 14px;
// }
// }
// }
// // div {
// // // height: 30px;
// // width: 100%;
// // text-align: center;
// // // line-height: 30px;
// // font-size: 16px;
// // }
// .tit {
// height: 60px;
// line-height: 60px;
// text-align: center;
// font-size: 20px;
// }
// }
// .footer {
// line-height: 70px;
// text-align: center;
// font-size: 14px;
// color: #fff;
// background: rgba(0, 0, 0, 0.6);
// span {
// margin: 0 6px;
// }
// a {
// color: #fff;
// }
// }
// .button-wrapper {
// cursor: pointer;
// position: absolute;
// left: 68.55%;
// // top: 62.27%;
// top: 68%;
// width: 19.4%;
// height: 6.6%;
// background: rgba(253, 247, 247, 0);
// a {
// display: inline-block;
// width: 100%;
// height: 100%;
// }
// }
// .button2-wrapper {
// cursor: pointer;
// position: absolute;
// left: 45.55%;
// // top: 61.09%;
// top: 67%;
// width: 19.4%;
// height: 7.6%;
// // background: rgba(253, 247, 247, 0);
// a {
// display: inline-block;
// width: 100%;
// height: 100%;
// }
// }
// .button-wrapper,
// .button2-wrapper {
// display: none;
// }
// pc端 // pc端
@media screen and (min-width:769px) { @media screen and (min-width:769px) {
.m-bg { .m-bg {
@@ -170,7 +34,7 @@ html {
.charge { .charge {
width: 1.11rem; width: 1.11rem;
height: 0.5rem; height: 0.5rem;
background: rgb(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
border-radius: .13rem; border-radius: .13rem;
font-size: 0.24rem; font-size: 0.24rem;
color: #fff; color: #fff;
@@ -188,6 +52,7 @@ html {
left: 2.4rem; left: 2.4rem;
bottom: 3.4rem; bottom: 3.4rem;
} }
.appleStore { .appleStore {
width: 2.2rem; width: 2.2rem;
height: 0.7rem; height: 0.7rem;
@@ -195,6 +60,7 @@ html {
left: 2.4rem; left: 2.4rem;
bottom: 2.5rem; bottom: 2.5rem;
} }
.apk { .apk {
width: 2.2rem; width: 2.2rem;
height: 0.7rem; height: 0.7rem;
@@ -211,23 +77,8 @@ html {
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
padding: 0.2rem 0; padding: 0.2rem 0;
vertical-align: top; vertical-align: top;
// position: absolute; position: absolute;
// top: 0.75rem; top: 0.8rem;
// .recordfoot {
// color: #fff;
// display: flex;
// justify-content: center;
// align-items: center;
// .record {
// display: inline-block;
// padding-right: px2rem(4);
// height: px2rem(28, );
// width: px2rem(32, );
// background: url(../images/icon_police.png) no-repeat;
// }
// }
.gongsi { .gongsi {
display: flex; display: flex;
@@ -263,8 +114,8 @@ html {
.homeM { .homeM {
width: 100%; width: 100%;
// width: px2rem(750, ); // width: px2rem(750);
// height: px2rem(1489, ); // height: px2rem(1489);
// height: 19.88rem; // height: 19.88rem;
height: 14.89rem; height: 14.89rem;
background: url(../images/homeM.png) no-repeat; background: url(../images/homeM.png) no-repeat;
@@ -274,7 +125,7 @@ html {
.charge { .charge {
width: 1.11rem; width: 1.11rem;
height: 0.5rem; height: 0.5rem;
background: rgb(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
border-radius: .13rem; border-radius: .13rem;
font-size: 0.24rem; font-size: 0.24rem;
color: #fff; color: #fff;
@@ -395,8 +246,8 @@ html {
background: #30312C; background: #30312C;
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
padding: 0.2rem 0; padding: 0.2rem 0;
// position: absolute; position: absolute;
// top: 0.75rem; top: 0.75rem;
.recordfoot { .recordfoot {
color: #fff; color: #fff;
@@ -407,8 +258,8 @@ html {
.record { .record {
display: inline-block; display: inline-block;
padding-right: px2rem(4); padding-right: px2rem(4);
height: px2rem(28, ); height: px2rem(28);
width: px2rem(32, ); width: px2rem(32);
background: url(../images/icon_police.png) no-repeat; background: url(../images/icon_police.png) no-repeat;
} }
} }

6
view/peko/home/index.html
View File

@@ -82,10 +82,10 @@
<a href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2020098441号</a> <a href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2020098441号</a>
</div> --> </div> -->
<div class="gongsi"> <div class="gongsi">
<p>Hong Kong Li Zi Technology Co., Limited</p> <p>Hongkong Han Fei Technology Co., Limited</p>
<p>香港荔枝科技有限公司</p> <p>香港翰飞科技有限公司</p>
<p>CR No:3040005 </p> <p>CR No:3040005 </p>
<p>地址：FLAT/RM 7022 BLK D 7/F,TAK WING IND BLDG,3 TSUN WEN ROAD,TUEN MUN</p> <p>地址：BLDG. 19-21 HING YIP STREET KWUN TONG, KLN</p>
</div> </div>
</div> </div>
</div> </div>