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

官网暂存

Browse Source
This commit is contained in:
dragon
2024-04-28 11:27:04 +08:00
parent a75ffcabb0
commit 7ec576e15e
57 changed files with 3491 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
view/molistar/home/css/animate.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

676
view/molistar/home/css/index.css Normal file
View File

@@ -0,0 +1,676 @@
@media screen and (min-width: 769px) {
.h5 {
display: none;
}
body,
html {
width: 100%;
height: 100%;
background: linear-gradient(180deg, #302286 0%, #0E0B24 100%);
font-family: Avenir, Avenir;
cursor: pointer;
}
body .container,
html .container {
position: relative;
}
body .pc-bg,
html .pc-bg {
display: none;
}
body .homePc,
html .homePc {
width: 100%;
height: 10rem;
background: url(../images/pcBgBig.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
body .homePc .diamound,
html .homePc .diamound {
width: 1.2rem;
height: 0.5rem;
line-height: 0.46667rem;
color: #FFFFFF;
font-size: 0.25rem;
text-align: center;
background: rgba(255, 255, 255, 0.2);
border-radius: 0.53333rem;
box-sizing: border-box;
border: 1px solid #fff;
position: absolute;
right: 3.46667rem;
top: 0.3rem;
vertical-align: middle;
}
body .homePc .diamound img,
html .homePc .diamound img {
display: inline-block;
width: 0.33rem;
height: 0.33rem;
vertical-align: middle;
margin-top: -0.01rem;
}
body .homePc .pcIos,
html .homePc .pcIos {
width: 2.9rem;
height: 0.64rem;
position: absolute;
right: 5rem;
top: 5.855rem;
}
body .homePc .pcAnd,
html .homePc .pcAnd {
width: 2.9rem;
height: 0.64rem;
position: absolute;
right: 5rem;
top: 6.79rem;
}
body .bootom,
html .bootom {
width: 100%;
position: fixed;
left: 0;
bottom: 0;
background: #0F0B27;
text-align: center;
color: #fff;
padding-bottom: 0.2rem;
padding-top: 0.1rem;
}
body .bootom p,
html .bootom p {
margin-bottom: 0.1rem;
font-size: 0.15rem;
color: #B8B7BF;
}
}
@media screen and (max-width: 768px) {
.pc,
.homePc {
display: none;
}
body,
html {
width: 100%;
height: 100%;
background: #0E0B24;
}
body .header,
html .header {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 1.2rem;
box-sizing: border-box;
padding: 0 0.53333rem;
margin: 0.26667rem auto 0;
z-index: 3;
}
body .header .line,
html .header .line {
width: 90%;
height: 0.02667rem;
background: #fff;
opacity: .3;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
body .header .logo,
html .header .logo {
display: block;
width: 0.85333rem;
height: 0.85333rem;
margin-right: 0.21333rem;
float: left;
}
body .header .name,
html .header .name {
font-size: 0.46667rem;
color: #FFFFFF;
font-weight: 800;
float: left;
margin-top: 0.2rem;
}
body .header .diamound,
html .header .diamound {
width: 1.86667rem;
height: 0.74667rem;
line-height: 0.74667rem;
box-sizing: border-box;
border: 1px solid #fff;
vertical-align: middle;
color: #fff;
font-size: 0.32rem;
float: right;
margin-top: 0.05333rem;
margin-right: 0.42667rem;
text-align: center;
border-radius: 0.74667rem;
}
body .header .diamound img,
html .header .diamound img {
vertical-align: middle;
width: 0.50667rem;
height: 0.42667rem;
display: inline-block;
margin-top: -0.1rem;
}
body .header .more,
html .header .more {
float: right;
width: 0.53333rem;
height: 0.53333rem;
display: block;
margin-top: 0.16rem;
}
body .h5,
html .h5 {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
body .h5 .pagesBox,
html .h5 .pagesBox {
width: 100%;
height: 100%;
transition: all .5s;
transform: translateY(0%);
}
body .h5 .pagesBox .page1,
html .h5 .pagesBox .page1 {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
background: url(../images/h51.png) no-repeat center;
background-size: 10rem 100%;
}
body .h5 .pagesBox .page1 .pageTxte1,
html .h5 .pagesBox .page1 .pageTxte1 {
width: 6.42667rem;
height: 1.33333rem;
position: absolute;
left: 1.44rem;
top: 5.01333rem;
}
body .h5 .pagesBox .page1 .pageTxte2,
html .h5 .pagesBox .page1 .pageTxte2 {
width: 6.42667rem;
height: 1.33333rem;
position: absolute;
right: 1.44rem;
top: 6.77333rem;
}
body .h5 .pagesBox .page1 .downioad,
html .h5 .pagesBox .page1 .downioad {
width: 4.98667rem;
height: 1.22667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 2.96rem;
display: block;
}
body .h5 .pagesBox .page1 .down,
html .h5 .pagesBox .page1 .down {
width: 0.50667rem;
height: 0.37333rem;
position: absolute;
left: 48%;
bottom: 0.26667rem;
}
body .h5 .pagesBox .page2,
html .h5 .pagesBox .page2 {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
body .h5 .pagesBox .page2 .pageText2,
html .h5 .pagesBox .page2 .pageText2 {
width: 10rem;
height: 10.85333rem;
position: relative;
top: 3.44rem;
margin: 0 auto;
display: block;
display: none;
}
body .h5 .pagesBox .page2 .page2_in,
html .h5 .pagesBox .page2 .page2_in {
width: 10rem;
height: 11.65333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 2.50667rem;
}
body .h5 .pagesBox .page2 .pagetx1,
html .h5 .pagesBox .page2 .pagetx1 {
width: 6.34667rem;
height: 4.10667rem;
position: absolute;
left: 3.12rem;
top: 4.56rem;
}
body .h5 .pagesBox .page2 .pagetx2,
html .h5 .pagesBox .page2 .pagetx2 {
width: 6.34667rem;
height: 4.10667rem;
position: absolute;
left: 0.53333rem;
top: 9.17333rem;
}
body .h5 .pagesBox .page2 .downioad,
html .h5 .pagesBox .page2 .downioad {
width: 4.98667rem;
height: 1.12rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 1.66667rem;
display: block;
}
body .h5 .pagesBox .page2 .down,
html .h5 .pagesBox .page2 .down {
width: 0.50667rem;
height: 0.37333rem;
position: absolute;
left: 48%;
bottom: 0.26667rem;
}
body .h5 .pagesBox .page3,
html .h5 .pagesBox .page3 {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
body .h5 .pagesBox .page3 .pageText3,
html .h5 .pagesBox .page3 .pageText3 {
width: 6.82667rem;
height: 1.52rem;
position: relative;
display: block;
margin: 0 auto;
top: 2.8rem;
display: none;
}
body .h5 .pagesBox .page3 .page3_in,
html .h5 .pagesBox .page3 .page3_in {
width: 10rem;
height: 11.65333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 2.50667rem;
}
body .h5 .pagesBox .page3 .page3Icon1,
html .h5 .pagesBox .page3 .page3Icon1 {
width: 4.09333rem;
height: 2.93333rem;
position: absolute;
left: 5.68rem;
top: 5.65333rem;
}
body .h5 .pagesBox .page3 .page3Icon2,
html .h5 .pagesBox .page3 .page3Icon2 {
width: 4.32rem;
height: 3.09333rem;
position: absolute;
left: 0rem;
top: 4.85333rem;
}
body .h5 .pagesBox .page3 .page3Icon3,
html .h5 .pagesBox .page3 .page3Icon3 {
width: 4.32rem;
height: 3.09333rem;
position: absolute;
right: 0rem;
top: 10rem;
}
body .h5 .pagesBox .page3 .page3Icon4,
html .h5 .pagesBox .page3 .page3Icon4 {
width: 3.78667rem;
height: 2.72rem;
position: absolute;
left: 0rem;
top: 11.14667rem;
}
body .h5 .pagesBox .page3 .downioad,
html .h5 .pagesBox .page3 .downioad {
width: 4.98667rem;
height: 1.12rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 1.66667rem;
display: block;
}
body .h5 .pagesBox .page3 .down,
html .h5 .pagesBox .page3 .down {
width: 0.50667rem;
height: 0.37333rem;
position: absolute;
left: 48%;
bottom: 0.26667rem;
}
body .h5 .pagesBox .page4,
html .h5 .pagesBox .page4 {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
body .h5 .pagesBox .page4 .pageText4,
html .h5 .pagesBox .page4 .pageText4 {
width: 6.4rem;
height: 1.52rem;
position: relative;
top: 2.8rem;
display: block;
margin: 0 auto;
display: none;
}
body .h5 .pagesBox .page4 .page4_in,
html .h5 .pagesBox .page4 .page4_in {
width: 10rem;
height: 11.65333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 2.50667rem;
}
body .h5 .pagesBox .page4 .page4Icon1,
html .h5 .pagesBox .page4 .page4Icon1 {
width: 5.57333rem;
height: 5.12rem;
position: absolute;
left: 0rem;
top: 5.12rem;
}
body .h5 .pagesBox .page4 .page4Icon2,
html .h5 .pagesBox .page4 .page4Icon2 {
width: 5.57333rem;
height: 5.12rem;
position: absolute;
right: 0rem;
top: 8.58667rem;
}
body .h5 .pagesBox .page4 .downioad,
html .h5 .pagesBox .page4 .downioad {
width: 4.98667rem;
height: 1.12rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 1.66667rem;
display: block;
}
body .h5 .pagesBox .page4 .down,
html .h5 .pagesBox .page4 .down {
width: 0.50667rem;
height: 0.37333rem;
position: absolute;
left: 48%;
bottom: 0.26667rem;
}
body .h5 .pagesBox .page5,
html .h5 .pagesBox .page5 {
width: 100%;
height: 100%;
background: url(../images/h55.png) no-repeat center;
background-size: 100% 17.92rem;
position: relative;
overflow: hidden;
}
body .h5 .pagesBox .page5 .pageTxte5,
html .h5 .pagesBox .page5 .pageTxte5 {
width: 6.61333rem;
height: 4.42667rem;
position: relative;
top: 3.41333rem;
display: block;
margin: 0 auto;
}
body .h5 .pagesBox .page5 .contactUs,
html .h5 .pagesBox .page5 .contactUs {
width: 3.62667rem;
height: 1.22667rem;
position: absolute;
display: block;
margin: 0 auto;
left: 50%;
transform: translateX(-50%);
bottom: 5.14667rem;
}
body .h5 .pagesBox .page5 .bootom,
html .h5 .pagesBox .page5 .bootom {
width: 100%;
position: absolute;
bottom: 0.32rem;
left: 0;
text-align: center;
color: #B4B4BA;
font-size: 0.32rem;
}
body .h5 .pagesBox .page5 .bootom p,
html .h5 .pagesBox .page5 .bootom p {
margin-bottom: 0.10667rem;
}
body .h5 .pagesBox .page5 .downioad,
html .h5 .pagesBox .page5 .downioad {
width: 4.98667rem;
height: 1.22667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 2.96rem;
display: block;
}
body .h5 .pagesBox .page5 .down,
html .h5 .pagesBox .page5 .down {
width: 0.50667rem;
height: 0.37333rem;
position: absolute;
left: 48%;
bottom: 0.26667rem;
}
body .h5 .menu,
html .h5 .menu {
width: 100%;
height: 0%;
background: #0E0B24;
position: fixed;
transition: all .2s;
left: 0;
top: 0;
overflow: hidden;
}
body .h5 .menu .top,
html .h5 .menu .top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1.2rem;
box-sizing: border-box;
padding: 0 0.53333rem;
margin: 0.26667rem auto 0;
z-index: 3;
top: 0;
left: 50%;
transform: translateX(-50%);
}
body .h5 .menu .top .line,
html .h5 .menu .top .line {
width: 90%;
height: 0.02667rem;
background: #fff;
opacity: .3;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
body .h5 .menu .top .logo,
html .h5 .menu .top .logo {
display: block;
width: 0.85333rem;
height: 0.85333rem;
margin-right: 0.21333rem;
float: left;
}
body .h5 .menu .top .name,
html .h5 .menu .top .name {
font-size: 0.46667rem;
color: #FFFFFF;
font-weight: 800;
float: left;
margin-top: 0.2rem;
}
body .h5 .menu .top .diamound,
html .h5 .menu .top .diamound {
width: 1.86667rem;
height: 0.74667rem;
line-height: 0.74667rem;
box-sizing: border-box;
border: 1px solid #fff;
vertical-align: middle;
color: #fff;
font-size: 0.32rem;
float: right;
margin-top: 0.05333rem;
margin-right: 0.42667rem;
text-align: center;
border-radius: 0.74667rem;
}
body .h5 .menu .top .diamound img,
html .h5 .menu .top .diamound img {
vertical-align: middle;
width: 0.50667rem;
height: 0.42667rem;
display: inline-block;
margin-top: -0.1rem;
}
body .h5 .menu .top .close,
html .h5 .menu .top .close {
float: right;
width: 0.53333rem;
height: 0.53333rem;
display: block;
margin-top: 0.16rem;
}
body .h5 .menu ul,
html .h5 .menu ul {
width: 100%;
height: 1.2rem;
box-sizing: border-box;
padding: 0 0.53333rem;
margin: 1.6rem auto 0;
}
body .h5 .menu ul li,
html .h5 .menu ul li {
width: 100%;
height: 1.54667rem;
line-height: 1.54667rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
display: flex;
justify-content: space-between;
}
body .h5 .menu ul li span,
html .h5 .menu ul li span {
color: #FFFFFF;
font-size: 0.42667rem;
}
body .h5 .menu ul li img,
html .h5 .menu ul li img {
width: 0.42667rem;
height: 0.42667rem;
display: block;
margin-top: 0.58667rem;
}
body .contactUs_pub,
html .contactUs_pub {
position: fixed;
z-index: 99;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: none;
}
body .contactUs_pub .contactUs_pub_in,
html .contactUs_pub .contactUs_pub_in {
width: 7.8rem;
height: 6.4rem;
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 0.42667rem;
overflow: hidden;
}
body .contactUs_pub .contactUs_pub_in .sClose,
html .contactUs_pub .contactUs_pub_in .sClose {
width: 0.42667rem;
height: 0.42667rem;
position: absolute;
right: 0.42667rem;
top: 0.34667rem;
}
body .contactUs_pub .contactUs_pub_in .title,
html .contactUs_pub .contactUs_pub_in .title {
text-align: center;
width: 100%;
margin-top: 0.48rem;
margin-bottom: 0.21333rem;
color: #1F1B4F;
font-size: 0.42667rem;
font-weight: 600;
}
body .contactUs_pub .contactUs_pub_in ul,
html .contactUs_pub .contactUs_pub_in ul {
width: 7.2rem;
margin: 0 auto 0;
}
body .contactUs_pub .contactUs_pub_in ul li,
html .contactUs_pub .contactUs_pub_in ul li {
width: 100%;
height: 1.49333rem;
line-height: 1.49333rem;
border-bottom: 0.02667rem solid #EBECF0;
}
body .contactUs_pub .contactUs_pub_in ul li img,
html .contactUs_pub .contactUs_pub_in ul li img {
display: block;
width: 0.64rem;
height: 0.64rem;
float: left;
margin-top: 0.42667rem;
margin-right: 0.58667rem;
}
body .contactUs_pub .contactUs_pub_in ul li span,
html .contactUs_pub .contactUs_pub_in ul li span {
display: block;
float: left;
height: 100%;
color: #1F1B4F;
font-size: 0.37333rem;
font-weight: 500;
}
body .contactUs_pub .contactUs_pub_in ul li span b,
html .contactUs_pub .contactUs_pub_in ul li span b {
color: #1F1B4F;
font-weight: bold;
}
}

884
view/molistar/home/css/index.scss Normal file
View File

@@ -0,0 +1,884 @@
@function px2rem($px) {
@return $px / 75+rem;
}
// body,
// html {
// width: 100%;
// height: 100%;
// font-family: "Heiti SC", "Microsoft Sans Serif";
// }
// pc端
@media screen and (min-width:769px) {
.h5 {
display: none;
}
body,
html {
width: 100%;
height: 100%;
background: linear-gradient(180deg, #302286 0%, #0E0B24 100%);
font-family: Avenir, Avenir;
cursor: pointer;
// .pc {
// width: 100%;
// height: 100%;
// // background: url(../images/pcBg.png) no-repeat center;
// // background-size: px2rem(1920) px2rem(1080);
// position: relative;
// // display: block;
// display: none;
// .header {
// width: 1400px;
// height: 108px;
// position: absolute;
// left: 50%;
// top: 0;
// transform: translateX(-50%);
// .logo {
// width: px2rem(54);
// height: px2rem(54);
// position: absolute;
// top: px2rem(27);
// // left: px2rem(360);
// left: 3.8rem;
// }
// .name {
// height: 100%;
// line-height: px2rem(108);
// font-size: px2rem(40);
// color: #FFFFFF;
// font-weight: 800;
// position: absolute;
// top: 0;
// // left: px2rem(430);
// left: 4.73333rem;
// }
// .index {
// height: 100%;
// line-height: px2rem(108);
// font-family: PingFangSC, PingFang SC;
// font-weight: 500;
// position: absolute;
// top: 0;
// left: 7.76rem;
// font-size: px2rem(28);
// color: #fff;
// span {
// width: px2rem(28);
// height: px2rem(6);
// background: #9168FA;
// border-radius: px2rem(6);
// position: absolute;
// left: 50%;
// transform: translateX(-50%);
// top: px2rem(76);
// }
// }
// .diamound {
// width: px2rem(118);
// height: px2rem(48);
// line-height: px2rem(48);
// color: #FFFFFF;
// font-size: px2rem(24);
// text-align: center;
// background: rgba(255, 255, 255, 0.2);
// border-radius: px2rem(48);
// box-sizing: border-box;
// border: 1px solid #fff;
// position: absolute;
// right: 3.06667rem;
// top: px2rem(30);
// vertical-align: middle;
// img {
// display: inline-block;
// width: px2rem(30);
// height: px2rem(30);
// vertical-align: middle;
// }
// }
// }
// .Box {
// position: relative;
// // width: px2rem(2720);
// width: 28.08rem;
// height: px2rem(1506);
// overflow: hidden;
// top: px2rem(140);
// left: 50%;
// transform: translateX(-50%);
// }
// .pcMarket1 {
// width: px2rem(1542/2);
// height: px2rem(1506/2);
// position: absolute;
// left: px2rem(0);
// top: px2rem(0);
// }
// .pcText {
// width: px2rem(1060/2);
// height: px2rem(320/2);
// position: absolute;
// // left: px2rem(1092);
// right: px2rem(0);
// top: px2rem(400/2);
// }
// .pcIos {
// width: px2rem(284);
// height: px2rem(64);
// position: absolute;
// // left: px2rem(1091);
// right: px2rem(484/2);
// top: px2rem(816/2);
// }
// .pcAnd {
// width: px2rem(284);
// height: px2rem(64);
// position: absolute;
// // left: px2rem(1091);
// right: px2rem(484/2);
// top: px2rem(1000/2);
// }
// .code {
// width: px2rem(160);
// height: px2rem(166);
// position: absolute;
// // left: px2rem(1373);
// right: px2rem(100/2);
// top: px2rem(806/2);
// }
// .bottom {
// text-align: center;
// color: #B7B6BE;
// font-size: px2rem(16);
// width: 100%;
// padding: px2rem(29) 0;
// position: fixed;
// left: 0;
// bottom: 0;
// background: #0E0B24;
// min-height: 1rem;
// p {
// margin-bottom: px2rem(16);
// }
// }
// }
.container {
position: relative;
}
.pc-bg{
display: none;
}
.homePc {
width: 100%;
height: 10rem;
background: url(../images/pcBgBig.png) no-repeat;
background-size: 100% 100%;
position: relative;
.diamound {
width: 1.2rem;
height: 0.5rem;
line-height: px2rem(35);
color: #FFFFFF;
font-size: 0.25rem;
text-align: center;
background: rgba(255, 255, 255, 0.2);
border-radius: px2rem(40);
box-sizing: border-box;
border: 1px solid #fff;
position: absolute;
right: px2rem(260);
top: 0.3rem;
vertical-align: middle;
img {
display: inline-block;
width: 0.33rem;
height: 0.33rem;
vertical-align: middle;
margin-top: -0.01rem;
}
}
.pcIos {
width: 2.9rem;
height: 0.64rem;
position: absolute;
right: 5rem;
top: 5.855rem;
// background: url(../images/pcIos.png) no-repeat;
// background-size: 100% 100%;
}
.pcAnd {
width: 2.9rem;
height: 0.64rem;
position: absolute;
right: 5rem;
top: 6.79rem;
// background: url(../images/pcAnd.png) no-repeat;
// background-size: 100% 100%;
}
}
.bootom {
width: 100%;
position: fixed;
left: 0;
bottom: 0;
background: #0F0B27;
text-align: center;
color: #fff;
padding-bottom: 0.2rem;
padding-top: 0.1rem;
p{
margin-bottom: 0.1rem;
font-size: 0.15rem;
color: #B8B7BF;
}
}
}
}
// 移动端
@media screen and (max-width:768px) {
.pc,
.homePc {
display: none;
}
body,
html {
width: 100%;
height: 100%;
background: #0E0B24;
.header {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: px2rem(90);
box-sizing: border-box;
padding: 0 px2rem(40);
margin: px2rem(20) auto 0;
z-index: 3;
.line {
width: 90%;
height: px2rem(2);
background: #fff;
opacity: .3;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.logo {
display: block;
width: px2rem(64);
height: px2rem(64);
margin-right: px2rem(16);
float: left;
}
.name {
font-size: px2rem(35);
color: #FFFFFF;
font-weight: 800;
float: left;
margin-top: 0.2rem;
}
.diamound {
width: px2rem(140);
height: px2rem(56);
line-height: px2rem(56);
box-sizing: border-box;
border: 1px solid #fff;
vertical-align: middle;
color: #fff;
font-size: px2rem(24);
float: right;
margin-top: px2rem(4);
margin-right: px2rem(32);
text-align: center;
border-radius: px2rem(56);
img {
vertical-align: middle;
width: px2rem(38);
height: px2rem(32);
display: inline-block;
margin-top: -0.1rem;
}
}
.more {
float: right;
width: px2rem(40);
height: px2rem(40);
display: block;
margin-top: px2rem(12);
}
}
.h5 {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
.pagesBox {
width: 100%;
height: 100%;
// overflow: hidden;
transition: all .5s;
transform: translateY(-0%);
.page1 {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
background: url(../images/h51.png) no-repeat center;
background-size: px2rem(750) 100%;
.pageTxte1 {
width: px2rem(482);
height: px2rem(100);
position: absolute;
left: px2rem(108);
top: px2rem(376);
}
.pageTxte2 {
width: px2rem(482);
height: px2rem(100);
position: absolute;
right: px2rem(108);
top: px2rem(508);
}
.downioad {
width: px2rem(374);
height: px2rem(92);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(222);
display: block;
}
.down {
width: px2rem(38);
height: px2rem(28);
position: absolute;
left: 48%;
// transform: translateX(-50%);
bottom: px2rem(20);
}
}
.page2 {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
// display: none;
.pageText2 {
width: px2rem(750);
height: px2rem(814);
position: relative;
top: px2rem(258);
margin: 0 auto;
display: block;
display: none;
}
.page2_in {
width: px2rem(750);
height: px2rem(874);
position: absolute;
left: 50%;
transform: translateX(-50%);
// bottom: px2rem(194);
top: px2rem(188);
}
.pagetx1 {
width: px2rem(476);
height: px2rem(308);
position: absolute;
left: px2rem(234);
top: px2rem(342);
// bottom: px2rem(620);
}
.pagetx2 {
width: px2rem(476);
height: px2rem(308);
position: absolute;
left: px2rem(40);
top: px2rem(688);
// bottom: px2rem(300);
}
.downioad {
width: px2rem(374);
height: px2rem(84);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(125);
display: block;
}
.down {
width: px2rem(38);
height: px2rem(28);
position: absolute;
left: 48%;
// transform: translateX(-50%);
bottom: px2rem(20);
}
}
.page3 {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
// display: none;
.pageText3 {
width: px2rem(512);
height: px2rem(114);
position: relative;
// left: 50%;
// transform: translateX(-50%);
display: block;
margin: 0 auto;
top: px2rem(210);
display: none;
}
.page3_in {
width: px2rem(750);
height: px2rem(874);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(188);
// bottom: px2rem(194);
}
.page3Icon1 {
width: px2rem(307);
height: px2rem(220);
position: absolute;
left: px2rem(426);
top: px2rem(424);
// bottom: px2rem(648);
}
.page3Icon2 {
width: px2rem(324);
height: px2rem(232);
position: absolute;
left: px2rem(0);
top: px2rem(364);
// bottom: px2rem(738);
}
.page3Icon3 {
width: px2rem(324);
height: px2rem(232);
position: absolute;
// left: px2rem(440);
right: px2rem(0);
top: px2rem(750);
// bottom: px2rem(376);
}
.page3Icon4 {
width: px2rem(284);
height: px2rem(204);
position: absolute;
left: px2rem(0);
top: px2rem(836);
// bottom: px2rem(284);
}
.downioad {
width: px2rem(374);
height: px2rem(84);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(125);
display: block;
}
.down {
width: px2rem(38);
height: px2rem(28);
position: absolute;
left: 48%;
// transform: translateX(-50%);
bottom: px2rem(20);
}
}
.page4 {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
// display: none;
.pageText4 {
width: px2rem(480);
height: px2rem(114);
position: relative;
top: px2rem(210);
display: block;
margin: 0 auto;
display: none;
}
.page4_in {
width: px2rem(750);
height: px2rem(874);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(188);
// bottom: px2rem(194);
}
.page4Icon1 {
width: px2rem(418);
height: px2rem(384);
position: absolute;
left: px2rem(0);
top: px2rem(384);
// bottom: px2rem(224);
}
.page4Icon2 {
width: px2rem(418);
height: px2rem(384);
position: absolute;
right: px2rem(0);
top: px2rem(644);
// bottom: px2rem(224);
}
.downioad {
width: px2rem(374);
height: px2rem(84);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(125);
display: block;
}
.down {
width: px2rem(38);
height: px2rem(28);
position: absolute;
left: 48%;
// transform: translateX(-50%);
bottom: px2rem(20);
}
}
.page5 {
width: 100%;
height: 100%;
background: url(../images/h55.png) no-repeat center;
background-size: 100% px2rem(1344);
position: relative;
overflow: hidden;
// display: none;
.pageTxte5 {
width: px2rem(496);
height: px2rem(332);
position: relative;
top: px2rem(256);
display: block;
margin: 0 auto;
}
.contactUs {
width: px2rem(272);
height: px2rem(92);
position: absolute;
display: block;
margin: 0 auto;
left: 50%;
transform: translateX(-50%);
// top: 5rem;
bottom: px2rem(386);
}
.bootom {
width: 100%;
// height: 1.5rem;
position: absolute;
bottom: px2rem(24);
left: 0;
text-align: center;
color: #B4B4BA;
font-size: px2rem(24);
p {
margin-bottom: px2rem(8);
}
}
.downioad {
width: px2rem(374);
height: px2rem(92);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(222);
display: block;
}
.down {
width: px2rem(38);
height: px2rem(28);
position: absolute;
left: 48%;
// transform: translateX(-50%);
bottom: px2rem(20);
}
}
}
// 菜单
.menu {
width: 100%;
height: 0%;
background: #0E0B24;
position: fixed;
// z-index: 4;
transition: all .2s;
// display: none;
left: 0;
top: 0;
overflow: hidden;
.top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: px2rem(90);
box-sizing: border-box;
padding: 0 px2rem(40);
margin: px2rem(20) auto 0;
z-index: 3;
top: 0;
left: 50%;
transform: translateX(-50%);
.line {
width: 90%;
height: px2rem(2);
background: #fff;
opacity: .3;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.logo {
display: block;
width: px2rem(64);
height: px2rem(64);
margin-right: px2rem(16);
float: left;
}
.name {
font-size: px2rem(35);
color: #FFFFFF;
font-weight: 800;
float: left;
margin-top: 0.2rem;
}
.diamound {
width: px2rem(140);
height: px2rem(56);
line-height: px2rem(56);
box-sizing: border-box;
border: 1px solid #fff;
vertical-align: middle;
color: #fff;
font-size: px2rem(24);
float: right;
margin-top: px2rem(4);
margin-right: px2rem(32);
text-align: center;
border-radius: px2rem(56);
img {
vertical-align: middle;
width: px2rem(38);
height: px2rem(32);
display: inline-block;
margin-top: -0.1rem;
}
}
.close {
float: right;
width: px2rem(40);
height: px2rem(40);
display: block;
margin-top: px2rem(12);
}
}
ul {
width: 100%;
height: px2rem(90);
box-sizing: border-box;
padding: 0 px2rem(40);
margin: 1.6rem auto 0;
li {
width: 100%;
height: px2rem(116);
line-height: px2rem(116);
border-bottom: 1px solid rgba(255, 255, 255, .3);
display: flex;
justify-content: space-between;
span {
color: #FFFFFF;
font-size: px2rem(32);
}
img {
width: px2rem(32);
height: px2rem(32);
display: block;
margin-top: px2rem(44);
}
}
}
}
}
.contactUs_pub {
position: fixed;
z-index: 99;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .6);
display: none;
.contactUs_pub_in {
width: 7.8rem;
height: px2rem(480);
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
background: #fff;
border-radius: px2rem(32);
overflow: hidden;
.sClose {
width: px2rem(32);
height: px2rem(32);
position: absolute;
right: px2rem(32);
top: px2rem(26);
}
.title {
text-align: center;
width: 100%;
margin-top: px2rem(36);
margin-bottom: px2rem(16);
color: #1F1B4F;
font-size: px2rem(32);
font-weight: 600;
}
ul {
width: 7.2rem;
margin: 0 auto 0;
li {
width: 100%;
height: px2rem(112);
line-height: px2rem(112);
border-bottom: px2rem(2) solid #EBECF0;
img {
display: block;
width: px2rem(48);
height: px2rem(48);
float: left;
margin-top: px2rem(32);
margin-right: px2rem(44);
}
span {
display: block;
float: left;
height: 100%;
color: #1F1B4F;
font-size: px2rem(28);
font-weight: 500;
b {
color: #1F1B4F;
font-weight: bold;
}
}
}
}
}
}
}
}

144
view/molistar/home/css/reset.css Normal file
View File

@@ -0,0 +1,144 @@
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* custom */
a {
color: #7e8c8d;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
li {
list-style: none;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(125, 125, 125, 0.7);
-webkit-border-radius: 6px;
}
html, body {
width: 100%;
}
body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img{
width: 100%;
vertical-align: top;
}
.mask,.share-mask {
position: fixed;
width: 100%;
left: 0;
bottom: 0;
display: flex;
height: 60px;
align-items: center;
background: rgba(0, 0, 0, 0.5);
justify-content: space-between;
padding: 0 8px;
box-sizing: border-box;
color:#fff;
display: none; }
.mask .logo {
width: 40px;
}
.mask .slogan {
color: #fff;
margin: 0 8px;
}
#download {
border: 1px solid #fff;
color: #fff;
width: 80px;
text-align: center;
border-radius: 15px;
line-height: 30px; }
#download a{
color: #fff; }
.share-mask{
padding: 0 16px;
}
.share-mask .shareBtn{
border-radius: 6px;
background: linear-gradient(to right,#fe95c0,#ff83b5);
height: 30px;
line-height: 30px;
width: 80px;
text-align: center;
}
.singleTemplate{
display: none;
}

15
view/molistar/home/css/swiper.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
view/molistar/home/images/close.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 403 B

BIN
view/molistar/home/images/contactUs.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
view/molistar/home/images/diamond.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
view/molistar/home/images/down.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 501 B

BIN
view/molistar/home/images/downioad.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
view/molistar/home/images/downioadH5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
view/molistar/home/images/email.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 489 B

BIN
view/molistar/home/images/h51.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 108 KiB

BIN
view/molistar/home/images/h55.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 304 KiB

BIN
view/molistar/home/images/h5And.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
view/molistar/home/images/h5Ios.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
view/molistar/home/images/homePc2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
view/molistar/home/images/line.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 922 B

BIN
view/molistar/home/images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
view/molistar/home/images/more.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 205 B

BIN
view/molistar/home/images/page2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 98 KiB

BIN
view/molistar/home/images/page3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
view/molistar/home/images/page3Icon1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
view/molistar/home/images/page3Icon2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
view/molistar/home/images/page3Icon3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
view/molistar/home/images/page3Icon4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
view/molistar/home/images/page4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

BIN
view/molistar/home/images/page4Icon1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
view/molistar/home/images/page4Icon2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
view/molistar/home/images/pageText2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
view/molistar/home/images/pageText3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
view/molistar/home/images/pageText4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB

BIN
view/molistar/home/images/pageTxte1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
view/molistar/home/images/pageTxte2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
view/molistar/home/images/pageTxte5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
view/molistar/home/images/pagetx1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
view/molistar/home/images/pagetx2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
view/molistar/home/images/pcAnd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
view/molistar/home/images/pcBg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
view/molistar/home/images/pcBgBig.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 599 KiB

BIN
view/molistar/home/images/pcCode.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

BIN
view/molistar/home/images/pcIos.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
view/molistar/home/images/pcMarket1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 443 KiB

BIN
view/molistar/home/images/pcText.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
view/molistar/home/images/rightIcon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 163 B

BIN
view/molistar/home/images/sClose.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 174 B

BIN
view/molistar/home/images/wx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

180
view/molistar/home/index.html Normal file
View File

@@ -0,0 +1,180 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MoliStar</title>
<link rel="shortcut icon" href="./images/logo.png" type="image/x-icon">
<meta property="og:type" content="website" />
<meta property="og:title" content="MoliStar，與心動聲音不期而遇" />
<meta property="og:description" content="聊天玩遊戲交朋友，隨時隨地在MoliStar" />
<meta class="content_image" property="og:image" content="https://image.molistar.xyz/molistar.png" />
<meta property="og:image:width" content="256">
<meta property="og:image:height" content="256">
<meta property="og:image:type" content="image/png">
<link rel="stylesheet" href="../common/css/reset.css">
<link rel="stylesheet" href="./css/animate.css">
<link rel="stylesheet" href="./css/index.css?v=1.1">
</head>
<body>
<!-- pc端 -->
<div class="container pc">
<div class="pc-bg">
<!-- <img src="./images/homePc.png" alt=""> -->
<div class="homePc">
<div class="diamound">
<img src="./images/diamond.png" alt=""> <b>儲值</b>
</div>
<div class="pcIos"></div>
<div class="pcAnd"></div>
</div>
<div class="bootom">
<p>Hongkong Han Fei Technology Co.,Limited</p>
<p>CR No:3040005&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Address: BLDG. 19-21 HING YIP STREET KWUN TONG.KLN
</p>
</div>
</div>
</div>
<!-- h5端 -->
<div class="h5">
<!-- 頭部 -->
<div class="header">
<!-- logo -->
<img src="./images/logo.png" alt="" class="logo">
<!-- app -->
<div class="name">MoliStar</div>
<!-- 更多 -->
<img src="./images/more.png" alt="" class="more">
<!-- 儲值 -->
<div class="diamound">
<img src="./images/diamond.png" alt=""> <b>儲值</b>
</div>
<!-- 線 -->
<div class="line"></div>
</div>
<div class="pagesBox">
<!-- 頁面1 -->
<div class="pages page1 animate__animated">
<img src="./images/pageTxte1.png" alt="" class="pageTxte1 animate__animated animate__slow__3s">
<img src="./images/pageTxte2.png" alt="" class="pageTxte2 animate__animated animate__slow__3s">
<!-- <img src="./images/h5And.png" alt="" class="h5And animate__animated animate__slow__1.8s"> -->
<img style="display: none;" src="" alt="" class="downioad animate__animated animate__slow__1.8s">
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow">
</div>
<!-- 頁面2 -->
<div class="pages page2">
<img src="./images/pageText2.png" alt="" class="pageText2 animate__animated ">
<img src="./images/page2.png" alt="" class="page2_in">
<img src="./images/pagetx1.png" alt="" class="pagetx1 animate__animated ">
<img src="./images/pagetx2.png" alt="" class="pagetx2 animate__animated ">
<img src="./images/downioad.png" alt="" class="downioad animate__animated ">
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow ">
</div>
<!-- 頁面3 -->
<div class="pages page3">
<img src="./images/pageText3.png" alt="" class="pageText3 animate__animated">
<img src="./images/page3.png" alt="" class="page3_in">
<img src="./images/page3Icon1.png" alt="" class="page3Icon1 animate__animated animate__delay-2s">
<img src="./images/page3Icon2.png" alt="" class="page3Icon2 animate__animated animate__delay-1s">
<img src="./images/page3Icon3.png" alt="" class="page3Icon3 animate__animated animate__delay-4s">
<img src="./images/page3Icon4.png" alt="" class="page3Icon4 animate__animated animate__delay-3s">
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow ">
</div>
<!-- 頁面4 -->
<div class="pages page4">
<img src="./images/pageText4.png" alt="" class="pageText4 animate__animated">
<img src="./images/page4.png" alt="" class="page4_in">
<img src="./images/page4Icon2.png" alt="" class="page4Icon2 animate__animated">
<img src="./images/page4Icon1.png" alt="" class="page4Icon1 animate__animated">
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow ">
</div>
<!-- 頁面5 -->
<div class="pages page5">
<img src="./images/pageTxte5.png" alt="" class="pageTxte5 animate__animated">
<img src="./images/contactUs.png" alt="" class="contactUs animate__animated">
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
<!-- <img src="./images/down.png" alt="" class="down"> -->
<div class="bootom">
<p>Hongkong Han Fei Technology Co.,Limited</p>
<p>CR No:3040005</p>
<p style="margin-bottom:0">Address: BLDG. 19-21 HING YIP STREET KWUN TONG.KLN</p>
</div>
</div>
</div>
<!-- 菜單 -->
<div class="menu">
<!-- 頭部 -->
<div class="top">
<!-- logo -->
<img src="./images/logo.png" alt="" class="logo">
<!-- app -->
<div class="name">MoliStar</div>
<!-- 更多 -->
<img src="./images/close.png" alt="" class="close">
<!-- 儲值 -->
<div class="diamound">
<img src="./images/diamond.png" alt=""> 儲值
</div>
</div>
<ul>
<li>
<span>首頁</span>
<img src="./images/rightIcon.png" alt="">
</li>
<li>
<span>錢包</span>
<img src="./images/rightIcon.png" alt="">
</li>
<li>
<span>聯繫我們</span>
<img src="./images/rightIcon.png" alt="">
</li>
</ul>
</div>
<!-- 聯繫我們彈窗 -->
<div class="contactUs_pub">
<div class="contactUs_pub_in">
<img src="./images/sClose.png" alt="" class="sClose">
<div class="title">聯繫我們</div>
<ul>
<li class="li1">
<img src="./images/wx.png" alt="">
<span><b>Wehchat:</b> </span>
</li>
<li class="li2">
<img src="./images/line.png" alt="">
<span><b>Line:</b> </span>
</li>
<li class="li3">
<img src="./images/email.png" alt="">
<span><b>Email:</b> </span>
</li>
</ul>
</div>
</div>
</div>
<script src="../common/js/flexible.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/common.js"></script>
<script src="../common/js/layer.js"></script>
<script src="../common/js/vconsole.min.js"></script>
<script src="./local/ar.js"></script>
<script src="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./js/index.js?v=2.0"></script>
<script src="../common/local/langHandler.js"></script>
</body>
</html>

1144
view/molistar/home/js/common.js Normal file
View File

File diff suppressed because it is too large Load Diff

109
view/molistar/home/js/flexible.js Normal file
View File

@@ -0,0 +1,109 @@
;(function(win, lib) {
var doc = win.document;
var docEl = doc.documentElement;
var metaEl = doc.querySelector('meta[name="viewport"]');
var flexibleEl = doc.querySelector('meta[name="flexible"]');
var dpr = 0;
var scale = 0;
var tid;
var flexible = lib.flexible || (lib.flexible = {});
if (metaEl) {
console.warn('将根据已有的meta标签来设置缩放比例');
var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
if (match) {
scale = parseFloat(match[1]);
dpr = parseInt(1 / scale);
}
} else if (flexibleEl) {
var content = flexibleEl.getAttribute('content');
if (content) {
var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
if (initialDpr) {
dpr = parseFloat(initialDpr[1]);
scale = parseFloat((1 / dpr).toFixed(2));
}
if (maximumDpr) {
dpr = parseFloat(maximumDpr[1]);
scale = parseFloat((1 / dpr).toFixed(2));
}
}
}
if (!dpr && !scale) {
var isAndroid = win.navigator.appVersion.match(/android/gi);
var isIPhone = win.navigator.appVersion.match(/iphone/gi);
var devicePixelRatio = win.devicePixelRatio;
if (isIPhone) {
// iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
dpr = 3;
} else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)){
dpr = 2;
} else {
dpr = 1;
}
} else {
// 其他设备下，仍旧使用1倍的方案
dpr = 1;
}
scale = 1 / dpr;
}
docEl.setAttribute('data-dpr', dpr);
if (!metaEl) {
metaEl = doc.createElement('meta');
metaEl.setAttribute('name', 'viewport');
metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
if (docEl.firstElementChild) {
docEl.firstElementChild.appendChild(metaEl);
} else {
var wrap = doc.createElement('div');
wrap.appendChild(metaEl);
doc.write(wrap.innerHTML);
}
}
function refreshRem(){
var width = docEl.getBoundingClientRect().width;
if (width / dpr > 730) {
width = 730 * dpr;
}
var rem = width / 10;
docEl.style.fontSize = rem + 'px';
flexible.rem = win.rem = rem;
}
win.addEventListener('resize', function() {
clearTimeout(tid);
tid = setTimeout(refreshRem, 300);
}, false);
win.addEventListener('pageshow', function(e) {
if (e.persisted) {
clearTimeout(tid);
tid = setTimeout(refreshRem, 300);
}
}, false);
if (doc.readyState === 'complete') {
doc.body.style.fontSize = 12 * dpr + 'px';
} else {
doc.addEventListener('DOMContentLoaded', function(e) {
doc.body.style.fontSize = 12 * dpr + 'px';
}, false);
}
refreshRem();
flexible.dpr = win.dpr = dpr;
flexible.refreshRem = refreshRem;
flexible.rem2px = function(d) {
var val = parseFloat(d) * this.rem;
if (typeof d === 'string' && d.match(/rem$/)) {
val += 'px';
}
return val;
}
flexible.px2rem = function(d) {
var val = parseFloat(d) / this.rem;
if (typeof d === 'string' && d.match(/px$/)) {
val += 'rem';
}
return val;
}
})(window, window['lib'] || (window['lib'] = {}));

291
view/molistar/home/js/index.js Normal file
View File

@@ -0,0 +1,291 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
var langReplace;
var localLang;
const showLoading = (content = '加載中...') => {
layer.open({
type: 2,
shadeClose: false,
content,
success(e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = '操作完成', time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
var ios;
var and;
var url;
var androidSkipType;
var iosSkipType;
// 初始化函數
$(function () {
getInfoFromClient();
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
$(document).ready(function () {
var deviceWidth = document.documentElement.clientWidth;
if (deviceWidth > 768) {
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
} else {
// document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
}
});
window.onresize = function () {
var deviceWidth = document.documentElement.clientWidth;
// console.log('deviceWidth', deviceWidth);
if (deviceWidth > 768) {
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
} else {
// document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
}
}
setTimeout(function () {
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
getConfig();
}, 300)
})
function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
}
// 獲取配置接口
function getConfig() {
showLoading();
networkRequest({
type: 'GET',
url: urlPrefix + '/official/config',
success(res) {
// 處理聯繫方式
$(`.contactUs_pub .contactUs_pub_in ul .li1 span`).html(`<b>Wehchat:</b> ${res.data.contact0}`);
$(`.contactUs_pub .contactUs_pub_in ul .li2 span`).html(`<b>Line:</b> ${res.data.contact1}`);
$(`.contactUs_pub .contactUs_pub_in ul .li3 span`).html(`<b>Email:</b> ${res.data.contact2}`);
// 賦值下載
and = res.data.androidUrl;
ios = res.data.iosUrl;
androidSkipType = res.data.androidSkipType;
iosSkipType = res.data.iosSkipType;
// console.log(browser);
$('body .h5 .pagesBox .pages .downioad').show();
if (browser.ios) {
url = ios;
$('body .h5 .pagesBox .pages .downioad').attr('src', './images/h5Ios.png');
} else if (browser.android) {
url = and;
$('body .h5 .pagesBox .pages .downioad').attr('src', './images/h5And.png');
}
$('body .h5 .pagesBox .page2 .downioad,body .h5 .pagesBox .page3 .downioad,body .h5 .pagesBox .page4 .downioad').attr('src', './images/downioad.png');
$('.pc-bg').show();
hideLoading(layerIndex)
animatedImplementFun(0);
},
error(err) {
hideLoading(layerIndex)
}
})
}
// 点击记录接口
function officialClick(downloadType, downloadUrl) {
// showLoading();
networkRequest({
type: 'GET',
url: urlPrefix + '/official/click',
data: { downloadType, downloadUrl },
success(res) {
},
error(err) {
hideLoading(layerIndex)
}
})
}
// 監聽滑動事件
let startY
var length = $('.h5 .pages').length - 1;//
var index = 0;
var touchLength = 100;
$('body .h5').on('touchstart', function (e) {
startY = e.touches[0].pageY
})
$('body .h5').on('touchend', function (e) {
let endY = e.originalEvent.changedTouches[0].pageY
// 上滑
if (startY - endY >= 50) {
if (index > length - 1) {
return;
} else {
index = index + 1;
$('.pagesBox').css("transform", `translateY(-${index * touchLength}%)`);
animatedImplementFun(index);
}
}
//下滑
else if (endY - startY >= 50) {
if (index > 0) {
index = index - 1;
$('.pagesBox').css("transform", `translateY(-${index * touchLength}%)`);
animatedImplementFun(index);
}
}
})
// 動畫調用
function animatedImplementFun(index) {
if (index == 0) {
animatedFun($(`body .h5 .pagesBox .page1 .pageTxte1`), ['animate__fadeInLeft',]);
animatedFun($(`body .h5 .pagesBox .page1 .pageTxte2`), ['animate__fadeInRight',]);
// animatedFun($(`body .h5 .pagesBox .page1 .downioad`), ['animate__wobble',]);
// animatedFun($(`body .h5 .pagesBox .page1 .down`), ['animate__slideInDown',]);
} else if (index == 1) {
// animatedFun($(`body .h5 .pagesBox .page2 .pageText2`), ['animate__bounce',]);
animatedFun($(`body .h5 .pagesBox .page2 .pagetx1`), ['animate__bounceInRight',]);
animatedFun($(`body .h5 .pagesBox .page2 .pagetx2`), ['animate__bounceInLeft',]);
// animatedFun($(`body .h5 .pagesBox .page2 .down`), ['animate__slideInDown',]);
// animatedFun($(`body .h5 .pagesBox .page2 .downioad`), ['animate__wobble',]);
} else if (index == 2) {
// animatedFun($(`body .h5 .pagesBox .page3 .pageText3`), ['animate__rubberBand',]);
animatedFun($(`body .h5 .pagesBox .page3 .page3Icon1`), ['animate__lightSpeedInRight',]);
animatedFun($(`body .h5 .pagesBox .page3 .page3Icon2`), ['animate__lightSpeedInLeft',]);
animatedFun($(`body .h5 .pagesBox .page3 .page3Icon3`), ['animate__lightSpeedInRight',]);
animatedFun($(`body .h5 .pagesBox .page3 .page3Icon4`), ['animate__lightSpeedInLeft',]);
// animatedFun($(`body .h5 .pagesBox .page3 .down`), ['animate__slideInDown',]);
// animatedFun($(`body .h5 .pagesBox .page3 .downioad`), ['animate__slideInUp',]);
} else if (index == 3) {
// animatedFun($(`body .h5 .pagesBox .page4 .pageText4 `), ['animate__rubberBand',]);
animatedFun($(`body .h5 .pagesBox .page4 .page4Icon1 `), ['animate__lightSpeedInLeft',]);
animatedFun($(`body .h5 .pagesBox .page4 .page4Icon2 `), ['animate__lightSpeedInRight',]);
// animatedFun($(`body .h5 .pagesBox .page4 .down`), ['animate__slideInDown',]);
// animatedFun($(`body .h5 .pagesBox .page4 .downioad `), ['animate__slideInUp',]);
} else if (index == 4) {
// animatedFun($(`body .h5 .pagesBox .page5 .pageTxte5 `), ['animate__jackInTheBox',]);
// animatedFun($(`body .h5 .pagesBox .page5 .contactUs `), ['animate__flipInY',]);
// animatedFun($(`body .h5 .pagesBox .page5 .downioad `), ['animate__slideInUp',]);
}
}
// 處理動畫
function animatedFun(dom, arrClass) {
// 獲取元素
const element = dom;
// 添加動畫
element.addClass(...arrClass);
// 監聽動畫結束
element[0].addEventListener('animationend', () => {
element.removeClass(...arrClass);
});
}
// pc跳轉充值
$('body .pc .header .diamound, html .pc .header .diamound,body .homePc .diamound, html .homePc .diamound').click(function () {
window.location = `${urlPrefix}/molistar/modules/payPc/index.html?channelType=4`
})
// PC蘋果下載按鈕
$('html .pc .pcIos').click(function () {
if (ios) {
officialClick(0, ios);
window.location = ios;
} else {
toastMsg('暫未開放下載，詳情請聯繫客服')
}
})
// PC安卓下載按鈕
$('html .pc .pcAnd').click(function () {
if (and) {
officialClick(1, and);
window.location = and;
} else {
toastMsg('暫未開放下載，詳情請聯繫客服')
}
})
// h5跳轉充值
$('body .header .diamound, html .header .diamound').click(function () {
window.location = `${urlPrefix}/molistar/modules/pay/index.html?channelType=4`
})
// h5展開菜單
$('body .header .more, html .header .more').click(function () {
$('.menu').css("z-index", "4");
$('.menu').css("height", "100%");
})
// h5收起菜單
$('body .h5 .menu .top .close, html .h5 .menu .top .close').click(function () {
$('.menu').css("z-index", "1");
$('.menu').css("height", "0%");
})
// 菜單選項按鈕
$('body .h5 .menu ul li, html .h5 .menu ul li').click(function () {
var i = $(this).index() + 1;
if (i == 1) {
$('.menu').css("z-index", "1");
$('.menu').css("height", "0%");
$('.pagesBox').css("transform", `translateY(-${0}%)`);
index = 0;
} else if (i == 2) {
window.location = `${urlPrefix}/molistar/modules/h5Income/login.html`
} else {
$('.menu').css("height", "0%");
$('.contactUs_pub').show();
}
})
// 關閉聯繫我們彈窗
$('body .contactUs_pub .contactUs_pub_in .sClose').click(function () {
$('.contactUs_pub').hide();
})
// 打開聯繫我們彈窗
$('.page5 .contactUs').click(function () {
$('.contactUs_pub').show();
})
// h5首頁安卓下載
$('body .h5 .pagesBox .page1 .h5And').click(function () {
if (and) {
officialClick(1, and);
window.location = and;
} else {
toastMsg('暫未開放下載，詳情請聯繫客服')
}
})
// h5首頁蘋果下載
$('body .h5 .pagesBox .page1 .h5Ios').click(function () {
if (ios) {
officialClick(0, ios);
window.location = ios;
} else {
toastMsg('暫未開放下載，詳情請聯繫客服')
}
})
// h5自動識別普通下載
$('body .h5 .pagesBox .pages .downioad').click(function () {
if (url) {
if (browser.ios) {
officialClick(0, url);
window.location = url;
} else if (browser.android) {
officialClick(1, url);
window.location = url;
} else {
$('.menu').css("z-index", "1");
$('.pagesBox').css("transform", `translateY(-${0}%)`);
index = 0;
}
} else {
toastMsg('暫未開放下載，詳情請聯繫客服')
}
})
// 禁止瀏覽器下拉刷新
document.addEventListener('touchmove', event => {
event.preventDefault()
}, { passive: false })

4
view/molistar/home/js/jquery.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
view/molistar/home/js/swiper.animate.min.js vendored Normal file
View File

@@ -0,0 +1,2 @@
//本插件由www.swiper.com.cn提供
function swiperAnimateCache(){for(allBoxes=window.document.documentElement.querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["style"]?allBoxes[i].setAttribute("swiper-animate-style-cache",allBoxes[i].attributes["style"].value):allBoxes[i].setAttribute("swiper-animate-style-cache"," "),allBoxes[i].style.visibility="hidden"}function swiperAnimate(a){clearSwiperAnimate();var b=a.slides[a.activeIndex].querySelectorAll(".ani");for(i=0;i<b.length;i++)b[i].style.visibility="visible",effect=b[i].attributes["swiper-animate-effect"]?b[i].attributes["swiper-animate-effect"].value:"",b[i].className=b[i].className+" "+effect+" "+"animated",style=b[i].attributes["style"].value,duration=b[i].attributes["swiper-animate-duration"]?b[i].attributes["swiper-animate-duration"].value:"",duration&&(style=style+"animation-duration:"+duration+";-webkit-animation-duration:"+duration+";"),delay=b[i].attributes["swiper-animate-delay"]?b[i].attributes["swiper-animate-delay"].value:"",delay&&(style=style+"animation-delay:"+delay+";-webkit-animation-delay:"+delay+";"),b[i].setAttribute("style",style)}function clearSwiperAnimate(){for(allBoxes=window.document.documentElement.querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["swiper-animate-style-cache"]&&allBoxes[i].setAttribute("style",allBoxes[i].attributes["swiper-animate-style-cache"].value),allBoxes[i].style.visibility="hidden",allBoxes[i].className=allBoxes[i].className.replace("animated"," "),allBoxes[i].attributes["swiper-animate-effect"]&&(effect=allBoxes[i].attributes["swiper-animate-effect"].value,allBoxes[i].className=allBoxes[i].className.replace(effect," "))}

5
view/molistar/home/local/ar.js Normal file
View File

@@ -0,0 +1,5 @@
// 阿拉伯
langAr = {
// 模块
demoModule: {}
}

5
view/molistar/home/local/en.js Normal file
View File

@@ -0,0 +1,5 @@
// 英文
langEn = {
// 模块
demoModule: {}
}

5
view/molistar/home/local/zh.js Normal file
View File

@@ -0,0 +1,5 @@
// 中文
langZh = {
// 模块
demoModule: {}
}

20
view/molistar/home/support.html Normal file
View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>MoliStar技术服务支持</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/index.css">
<style>
*{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<img src="./images/support.png" alt="" style="width: 100%;">
<!-- <script src="../../common/js/flexible.js"></script> -->
</body>
</html>