完成年度
This commit is contained in:
dragon
378
view/molistar/activity/annualReport/css/index.css
Normal file
378
view/molistar/activity/annualReport/css/index.css
Normal file
@@ -0,0 +1,378 @@
|
|||||||
|
html,
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #fff;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: 100%;
|
||||||
|
height: 0.58667rem;
|
||||||
|
line-height: 0.58667rem;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 1.2rem;
|
||||||
|
text-align: center;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 0.50667rem;
|
||||||
|
font-weight: bold;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back img {
|
||||||
|
width: 0.58667rem;
|
||||||
|
height: 0.58667rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 0.24rem;
|
||||||
|
top: 0rem;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back p {
|
||||||
|
width: 100%;
|
||||||
|
height: 0.58667rem;
|
||||||
|
line-height: 0.58667rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 0.24rem;
|
||||||
|
top: 0rem;
|
||||||
|
text-align: center;
|
||||||
|
color: #FFF8C2;
|
||||||
|
font-size: 0.42667rem;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
transition: all .5s;
|
||||||
|
transform: translateY(0%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page1 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img1.png) no-repeat center;
|
||||||
|
background-size: 10rem 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page1 .title {
|
||||||
|
width: 10rem;
|
||||||
|
height: 1.73333rem;
|
||||||
|
background: url(../images/title.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
margin: 2.64rem auto 0.36rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page1 p {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
font-weight: 500;
|
||||||
|
width: 8.45333rem;
|
||||||
|
margin: 0 auto 0;
|
||||||
|
line-height: 0.64rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page1 .but {
|
||||||
|
width: 6.85333rem;
|
||||||
|
height: 1.57333rem;
|
||||||
|
line-height: 1.57333rem;
|
||||||
|
text-align: center;
|
||||||
|
color: #000000;
|
||||||
|
font-size: 0.50667rem;
|
||||||
|
font-weight: 600;
|
||||||
|
background: url(../images/but.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
bottom: 1.98667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page2 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img2.png) no-repeat center;
|
||||||
|
background-size: 10rem 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page2 .tx {
|
||||||
|
width: 2.34667rem;
|
||||||
|
height: 2.4rem;
|
||||||
|
border: 0.06667rem solid #FFF36D;
|
||||||
|
border-radius: 50%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 1.89333rem auto 0.18667rem;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page2 .name {
|
||||||
|
width: 8.33333rem;
|
||||||
|
margin: 0 auto 0.29333rem;
|
||||||
|
text-align: center;
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: 0.48rem;
|
||||||
|
font-weight: 500;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page2 .id {
|
||||||
|
width: 8.33333rem;
|
||||||
|
margin: 0 auto 0.56rem;
|
||||||
|
text-align: center;
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page2 p {
|
||||||
|
width: 8.33333rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 0.64rem;
|
||||||
|
margin: 0 auto 0.65333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page2 p b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: 0.53333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page3 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img3.png) no-repeat center;
|
||||||
|
background-size: 10rem 100%;
|
||||||
|
padding-top: 2.56rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page3 p {
|
||||||
|
width: 8.33333rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 0.64rem;
|
||||||
|
margin: 0 auto 0.64rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page3 p b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: 0.53333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page4 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img4.png) no-repeat center;
|
||||||
|
background-size: 10rem 100%;
|
||||||
|
padding-top: 2.32rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page4 p {
|
||||||
|
width: 8.33333rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 0.64rem;
|
||||||
|
margin: 0 auto 0.66667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page4 p b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: 0.53333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page5 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img5.png) no-repeat center;
|
||||||
|
background-size: 10rem 100%;
|
||||||
|
padding-top: 2.32rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page5 p {
|
||||||
|
width: 8.33333rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 0.64rem;
|
||||||
|
margin: 0 auto 0.66667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page5 p b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: 0.53333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page6 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img6.png) no-repeat center;
|
||||||
|
background-size: 10rem 100%;
|
||||||
|
padding-top: 4.90667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page6 .txl {
|
||||||
|
position: absolute;
|
||||||
|
width: 2.4rem;
|
||||||
|
height: 2.4rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 0.05333rem solid #FFF36D;
|
||||||
|
top: 2.01333rem;
|
||||||
|
left: 0.68rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page6 .love {
|
||||||
|
width: 1.33333rem;
|
||||||
|
height: 1.33333rem;
|
||||||
|
position: absolute;
|
||||||
|
top: 2.54667rem;
|
||||||
|
left: 2.44rem;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page6 .txr {
|
||||||
|
position: absolute;
|
||||||
|
width: 2.4rem;
|
||||||
|
height: 2.4rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 0.05333rem solid #FFF36D;
|
||||||
|
top: 2.01333rem;
|
||||||
|
left: 3.14667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page6 p {
|
||||||
|
width: 8.33333rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 0.64rem;
|
||||||
|
margin: 0 auto 0.74667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page6 p b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: 0.53333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page7 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img7.png) no-repeat center;
|
||||||
|
background-size: 10rem 100%;
|
||||||
|
padding-top: 2.32rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page7 p {
|
||||||
|
width: 8.33333rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 0.64rem;
|
||||||
|
margin: 0 auto 0.74667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page7 p b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: 0.53333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page8 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img8.png) no-repeat center;
|
||||||
|
background-size: 10rem 100%;
|
||||||
|
padding-top: 2.32rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page8 p {
|
||||||
|
width: 8.33333rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 0.64rem;
|
||||||
|
margin: 0 auto 0.70667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page8 p b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: 0.53333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page9 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img9.png) no-repeat center;
|
||||||
|
background-size: 10rem 100%;
|
||||||
|
padding-top: 2.32rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page9 p {
|
||||||
|
width: 8.33333rem;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.4rem;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 0.64rem;
|
||||||
|
margin: 0 auto 0.65333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .page9 p b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: 0.53333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .pages {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 .pagesBox .pages .more {
|
||||||
|
width: 0.8rem;
|
||||||
|
height: 0.8rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
bottom: 0.65333rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.china .h5 .pagesBox .page1 .title {
|
||||||
|
background: url(../images/title-zh.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Turkiye .h5 .pagesBox .page1 .title {
|
||||||
|
background: url(../images/title-tr.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.arabic .h5 .pagesBox .page1 .title {
|
||||||
|
background: url(../images/title-ar.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
395
view/molistar/activity/annualReport/css/index.scss
Normal file
395
view/molistar/activity/annualReport/css/index.scss
Normal file
@@ -0,0 +1,395 @@
|
|||||||
|
@function px2rem($px) {
|
||||||
|
@return $px / 75+rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #fff;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back {
|
||||||
|
width: 100%;
|
||||||
|
height: px2rem(44);
|
||||||
|
line-height: px2rem(44);
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: px2rem(90);
|
||||||
|
text-align: center;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: px2rem(38);
|
||||||
|
font-weight: bold;
|
||||||
|
z-index: 10;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: px2rem(44);
|
||||||
|
height: px2rem(44);
|
||||||
|
position: absolute;
|
||||||
|
left: px2rem(18);
|
||||||
|
top: px2rem(0);
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
width: 100%;
|
||||||
|
height: px2rem(44);
|
||||||
|
line-height: px2rem(44);
|
||||||
|
position: absolute;
|
||||||
|
left: px2rem(18);
|
||||||
|
top: px2rem(0);
|
||||||
|
text-align: center;
|
||||||
|
color: #FFF8C2;
|
||||||
|
font-size: px2rem(32);
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.h5 {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
// background: rgba(0, 0, 0, .6);
|
||||||
|
|
||||||
|
.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/img1.png) no-repeat center;
|
||||||
|
background-size: px2rem(750) 100%;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
width: px2rem(750);
|
||||||
|
height: px2rem(130);
|
||||||
|
background: url(../images/title.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
margin: px2rem(198) auto px2rem(27);
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(30);
|
||||||
|
font-weight: 500;
|
||||||
|
width: px2rem(634);
|
||||||
|
margin: 0 auto 0;
|
||||||
|
line-height: px2rem(48);
|
||||||
|
}
|
||||||
|
|
||||||
|
.but {
|
||||||
|
width: px2rem(514);
|
||||||
|
height: px2rem(118);
|
||||||
|
line-height: px2rem(118);
|
||||||
|
text-align: center;
|
||||||
|
color: #000000;
|
||||||
|
font-size: px2rem(38);
|
||||||
|
font-weight: 600;
|
||||||
|
background: url(../images/but.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
bottom: px2rem(149);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page2 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img2.png) no-repeat center;
|
||||||
|
background-size: px2rem(750) 100%;
|
||||||
|
|
||||||
|
.tx {
|
||||||
|
width: px2rem(176);
|
||||||
|
height: px2rem(180);
|
||||||
|
border: px2rem(5) solid #FFF36D;
|
||||||
|
border-radius: 50%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: px2rem(142) auto px2rem(14);
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name {
|
||||||
|
width: px2rem(625);
|
||||||
|
margin: 0 auto px2rem(22);
|
||||||
|
text-align: center;
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: px2rem(36);
|
||||||
|
font-weight: 500;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.id {
|
||||||
|
width: px2rem(625);
|
||||||
|
margin: 0 auto px2rem(42);
|
||||||
|
text-align: center;
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: px2rem(30);
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
width: px2rem(625);
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(30);
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: px2rem(48);
|
||||||
|
margin: 0 auto px2rem(49);
|
||||||
|
|
||||||
|
b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: px2rem(40);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page3 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img3.png) no-repeat center;
|
||||||
|
background-size: px2rem(750) 100%;
|
||||||
|
padding-top: px2rem(192);
|
||||||
|
|
||||||
|
p {
|
||||||
|
width: px2rem(625);
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(30);
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: px2rem(48);
|
||||||
|
margin: 0 auto px2rem(48);
|
||||||
|
|
||||||
|
b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: px2rem(40);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page4 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img4.png) no-repeat center;
|
||||||
|
background-size: px2rem(750) 100%;
|
||||||
|
padding-top: px2rem(174);
|
||||||
|
|
||||||
|
p {
|
||||||
|
width: px2rem(625);
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(30);
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: px2rem(48);
|
||||||
|
margin: 0 auto px2rem(50);
|
||||||
|
|
||||||
|
b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: px2rem(40);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page5 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img5.png) no-repeat center;
|
||||||
|
background-size: px2rem(750) 100%;
|
||||||
|
padding-top: px2rem(174);
|
||||||
|
|
||||||
|
p {
|
||||||
|
width: px2rem(625);
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(30);
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: px2rem(48);
|
||||||
|
margin: 0 auto px2rem(50);
|
||||||
|
|
||||||
|
b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: px2rem(40);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page6 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img6.png) no-repeat center;
|
||||||
|
background-size: px2rem(750) 100%;
|
||||||
|
padding-top: px2rem(368);
|
||||||
|
|
||||||
|
.txl {
|
||||||
|
position: absolute;
|
||||||
|
width: px2rem(180);
|
||||||
|
height: px2rem(180);
|
||||||
|
border-radius: 50%;
|
||||||
|
border: px2rem(4) solid #FFF36D;
|
||||||
|
top: px2rem(151);
|
||||||
|
left: px2rem(51);
|
||||||
|
}
|
||||||
|
|
||||||
|
.love {
|
||||||
|
width: px2rem(100);
|
||||||
|
height: px2rem(100);
|
||||||
|
position: absolute;
|
||||||
|
top: px2rem(191);
|
||||||
|
left: px2rem(183);
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.txr {
|
||||||
|
position: absolute;
|
||||||
|
width: px2rem(180);
|
||||||
|
height: px2rem(180);
|
||||||
|
border-radius: 50%;
|
||||||
|
border: px2rem(4) solid #FFF36D;
|
||||||
|
top: px2rem(151);
|
||||||
|
left: px2rem(236);
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
width: px2rem(625);
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(30);
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: px2rem(48);
|
||||||
|
margin: 0 auto px2rem(56);
|
||||||
|
|
||||||
|
b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: px2rem(40);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page7 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img7.png) no-repeat center;
|
||||||
|
background-size: px2rem(750) 100%;
|
||||||
|
padding-top: px2rem(174);
|
||||||
|
|
||||||
|
p {
|
||||||
|
width: px2rem(625);
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(30);
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: px2rem(48);
|
||||||
|
margin: 0 auto px2rem(56);
|
||||||
|
|
||||||
|
b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: px2rem(40);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page8 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img8.png) no-repeat center;
|
||||||
|
background-size: px2rem(750) 100%;
|
||||||
|
padding-top: px2rem(174);
|
||||||
|
|
||||||
|
p {
|
||||||
|
width: px2rem(625);
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(30);
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: px2rem(48);
|
||||||
|
margin: 0 auto px2rem(53);
|
||||||
|
|
||||||
|
b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: px2rem(40);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page9 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../images/img9.png) no-repeat center;
|
||||||
|
background-size: px2rem(750) 100%;
|
||||||
|
padding-top: px2rem(174);
|
||||||
|
|
||||||
|
p {
|
||||||
|
width: px2rem(625);
|
||||||
|
color: #fff;
|
||||||
|
font-size: px2rem(30);
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: px2rem(48);
|
||||||
|
margin: 0 auto px2rem(49);
|
||||||
|
|
||||||
|
b {
|
||||||
|
color: #FFF36D;
|
||||||
|
font-size: px2rem(40);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.pages {
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
.more {
|
||||||
|
width: px2rem(60);
|
||||||
|
height: px2rem(60);
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
bottom: px2rem(49);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.china {
|
||||||
|
.h5 .pagesBox .page1 .title{
|
||||||
|
background: url(../images/title-zh.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.Turkiye {
|
||||||
|
.h5 .pagesBox .page1 {
|
||||||
|
.title {
|
||||||
|
background: url(../images/title-tr.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.arabic {
|
||||||
|
.h5 .pagesBox .page1 {
|
||||||
|
.title {
|
||||||
|
background: url(../images/title-ar.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
view/molistar/activity/annualReport/images/but.png
Normal file
BIN
view/molistar/activity/annualReport/images/but.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
view/molistar/activity/annualReport/images/img1.png
Normal file
BIN
view/molistar/activity/annualReport/images/img1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 645 KiB |
BIN
view/molistar/activity/annualReport/images/img2.png
Normal file
BIN
view/molistar/activity/annualReport/images/img2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 560 KiB |
BIN
view/molistar/activity/annualReport/images/img3.png
Normal file
BIN
view/molistar/activity/annualReport/images/img3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 644 KiB |
BIN
view/molistar/activity/annualReport/images/img4.png
Normal file
BIN
view/molistar/activity/annualReport/images/img4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 563 KiB |
BIN
view/molistar/activity/annualReport/images/img5.png
Normal file
BIN
view/molistar/activity/annualReport/images/img5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 655 KiB |
BIN
view/molistar/activity/annualReport/images/img6.png
Normal file
BIN
view/molistar/activity/annualReport/images/img6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 521 KiB |
BIN
view/molistar/activity/annualReport/images/img7.png
Normal file
BIN
view/molistar/activity/annualReport/images/img7.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 625 KiB |
BIN
view/molistar/activity/annualReport/images/img8.png
Normal file
BIN
view/molistar/activity/annualReport/images/img8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 688 KiB |
BIN
view/molistar/activity/annualReport/images/img9.png
Normal file
BIN
view/molistar/activity/annualReport/images/img9.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 727 KiB |
BIN
view/molistar/activity/annualReport/images/love.png
Normal file
BIN
view/molistar/activity/annualReport/images/love.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
view/molistar/activity/annualReport/images/more.png
Normal file
BIN
view/molistar/activity/annualReport/images/more.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 684 B |
BIN
view/molistar/activity/annualReport/images/title-ar.png
Normal file
BIN
view/molistar/activity/annualReport/images/title-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
view/molistar/activity/annualReport/images/title-tr.png
Normal file
BIN
view/molistar/activity/annualReport/images/title-tr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
view/molistar/activity/annualReport/images/title-zh.png
Normal file
BIN
view/molistar/activity/annualReport/images/title-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
view/molistar/activity/annualReport/images/title.png
Normal file
BIN
view/molistar/activity/annualReport/images/title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
view/molistar/activity/annualReport/images/travel/back.png
Normal file
BIN
view/molistar/activity/annualReport/images/travel/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/activity/annualReport/images/travel/backB.png
Normal file
BIN
view/molistar/activity/annualReport/images/travel/backB.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
36
view/molistar/activity/annualReport/index.html
Normal file
36
view/molistar/activity/annualReport/index.html
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title class="title"></title>
|
||||||
|
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||||
|
<link rel="stylesheet" href="./css/index.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- 頂部返回 -->
|
||||||
|
<div class="back">
|
||||||
|
<img src="./images/travel/back.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="h5">
|
||||||
|
<div class="pagesBox text1">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
<script src="../../common/js/flexible.js"></script>
|
||||||
|
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||||
|
<script src="../../common/js/common2.js"></script>
|
||||||
|
<script src="../../common/js/layer.js"></script>
|
||||||
|
<script src="../../common/js/vconsole.min.js"></script>
|
||||||
|
<script src="../../common/js/route-constant.js"></script>
|
||||||
|
<script src="./local/en.js"></script>
|
||||||
|
<script src="./local/zh.js"></script>
|
||||||
|
<script src="./local/ar.js"></script>
|
||||||
|
<script src="./local/tr.js"></script>
|
||||||
|
<script src="./js/index.js"></script>
|
||||||
|
<script src="../../common/local/langHandler.js"></script>
|
||||||
157
view/molistar/activity/annualReport/js/index.js
Normal file
157
view/molistar/activity/annualReport/js/index.js
Normal file
@@ -0,0 +1,157 @@
|
|||||||
|
let urlPrefix = getUrlPrefix()
|
||||||
|
let browser = checkVersion()
|
||||||
|
let env = EnvCheck();
|
||||||
|
if (env == 'test') {
|
||||||
|
new VConsole();
|
||||||
|
}
|
||||||
|
var length;
|
||||||
|
// 封裝layer消息提醒框
|
||||||
|
let layerIndex
|
||||||
|
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||||
|
layer.open({
|
||||||
|
type: 2,
|
||||||
|
shadeClose: false,
|
||||||
|
content,
|
||||||
|
success(e) {
|
||||||
|
layerIndex = $(e).attr('index')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const hideLoading = (index) => {
|
||||||
|
layer.close(index)
|
||||||
|
}
|
||||||
|
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||||
|
layer.open({
|
||||||
|
content,
|
||||||
|
time,
|
||||||
|
skin: 'msg'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
$(function () {
|
||||||
|
getInfoFromClient();
|
||||||
|
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||||
|
setTimeout(function () {
|
||||||
|
// 頁面全屏
|
||||||
|
if (browser.app) {
|
||||||
|
if (browser.android) {
|
||||||
|
window.androidJsObj.initShowNav(false)
|
||||||
|
} else {
|
||||||
|
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// 頂部返回事件
|
||||||
|
$('.back img').click(() => {
|
||||||
|
if (browser.android) {
|
||||||
|
window.androidJsObj.closeWebView()
|
||||||
|
} else {
|
||||||
|
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
langReplace = window.lang.replace;
|
||||||
|
localLang = window.lang;
|
||||||
|
translateFun();
|
||||||
|
get();
|
||||||
|
}, 100)
|
||||||
|
})
|
||||||
|
function translateFun() {
|
||||||
|
var langReplace = window.lang.replace;
|
||||||
|
var localLang = window.lang;
|
||||||
|
$('.title').html(langReplace(localLang.demoModule.title));
|
||||||
|
$('.text1').html(langReplace(localLang.demoModule.text1));
|
||||||
|
|
||||||
|
// 監聽滑動事件
|
||||||
|
let startY
|
||||||
|
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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
$('.h5 .pagesBox').on('click', '.page1 .but', function () {
|
||||||
|
index = index + 1;
|
||||||
|
$('.pagesBox').css("transform", `translateY(-${index * touchLength}%)`);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 接口
|
||||||
|
function get() {
|
||||||
|
showLoading()
|
||||||
|
networkRequest({
|
||||||
|
type: 'get',
|
||||||
|
url: urlPrefix + '/user/yearReport/get',
|
||||||
|
success(res) {
|
||||||
|
if (res.code === 200) {
|
||||||
|
$('.h5 .pagesBox .page2 .tx').attr('src', res.data.me.avatar);
|
||||||
|
$('.h5 .pagesBox .page2 .name').text(res.data.me.nick);
|
||||||
|
$('.h5 .pagesBox .page2 .id').text(res.data.me.erbanNo);
|
||||||
|
$('.h5 .pagesBox .page2 p b').text(res.data.createTime);
|
||||||
|
$('.h5 .pagesBox .page3 p b').text(res.data.createDays);
|
||||||
|
$('.h5 .pagesBox .page4 p .b1').text(res.data.experienceLevel);
|
||||||
|
$('.h5 .pagesBox .page4 p .b2').text(res.data.experienceTitle);
|
||||||
|
$('.h5 .pagesBox .page4 p .b3').text(res.data.createDays);
|
||||||
|
$('.h5 .pagesBox .page5 p .b1').text(res.data.charmLevel);
|
||||||
|
$('.h5 .pagesBox .page5 p .b2').text(res.data.charmTitle);
|
||||||
|
$('.h5 .pagesBox .page7 p .b1').text(res.data.giftWallCount);
|
||||||
|
$('.h5 .pagesBox .page7 p .b2').text(res.data.giftName);
|
||||||
|
// cp
|
||||||
|
if (res.data.cp) {
|
||||||
|
$(`.h5 .pagesBox .page6 p .b1`).text(res.data.cpCreateTime)
|
||||||
|
$(`.h5 .pagesBox .page6 p .b2`).text(res.data.cp.nick)
|
||||||
|
$(`.h5 .pagesBox .page6 p .b3`).text(res.data.cpCreateDays)
|
||||||
|
$('.h5 .pagesBox .page6 .txl').attr('src', res.data.me.avatar);
|
||||||
|
$('.h5 .pagesBox .page6 .txr').attr('src', res.data.cp.avatar);
|
||||||
|
} else {
|
||||||
|
$('.h5 .pagesBox .page6').hide();
|
||||||
|
length = length - 1;
|
||||||
|
}
|
||||||
|
// 转赠金币
|
||||||
|
if (res.data.giveDiamond) {
|
||||||
|
$('.h5 .pagesBox .page8 p .b1').text(res.data.giveDiamond);
|
||||||
|
} else {
|
||||||
|
$('.h5 .pagesBox .page8').hide();
|
||||||
|
length = length - 1;
|
||||||
|
}
|
||||||
|
console.log(length);
|
||||||
|
|
||||||
|
} else {
|
||||||
|
toastMsg(res.message)
|
||||||
|
}
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
},
|
||||||
|
error(err) {
|
||||||
|
hideLoading(layerIndex)
|
||||||
|
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 禁止瀏覽器下拉刷新
|
||||||
|
document.addEventListener('touchmove', event => {
|
||||||
|
event.preventDefault()
|
||||||
|
}, { passive: false })
|
||||||
|
// 定义处理窗口大小变化的函数
|
||||||
|
function handleResize() {
|
||||||
|
location.reload()
|
||||||
|
// 这里可以添加更多的逻辑，比如检查窗口的新尺寸
|
||||||
|
}
|
||||||
|
// 监听窗口大小变化事件
|
||||||
|
window.addEventListener('resize', handleResize);
|
||||||
82
view/molistar/activity/annualReport/local/ar.js
Normal file
82
view/molistar/activity/annualReport/local/ar.js
Normal file
@@ -0,0 +1,82 @@
|
|||||||
|
// 阿拉伯
|
||||||
|
langAr = {
|
||||||
|
// 模块
|
||||||
|
demoModule: {
|
||||||
|
layerIndex1: 'جارٍ التحميل...',
|
||||||
|
layerIndex2: 'تمت العملية بنجاح',
|
||||||
|
layerIndex3: 'خطأ في الشبكة، يرجى الخروج وإعادة الدخول',
|
||||||
|
title: 'التقرير السنوي',
|
||||||
|
text1: `
|
||||||
|
<!-- الصفحة 1 -->
|
||||||
|
<div class="pages page1" id="img1">
|
||||||
|
<div class="title"></div>
|
||||||
|
<p class="p1">
|
||||||
|
في عالم الإنترنت الواسع، أنت مثل نجم لامع. هنا، نحن لا نرى ضوءك فقط، ولكننا نشعر أيضًا بالفرح الذي تجلبه - أنت جزء لا غنى عنه في Molistar.
|
||||||
|
</p>
|
||||||
|
<div class="but">اضغط لإنشاء</div>
|
||||||
|
</div>
|
||||||
|
<!-- الصفحة 2 -->
|
||||||
|
<div class="pages page2" id="img2">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<img src="./images/logo.png" alt="" class="tx">
|
||||||
|
<div class="name">الاسم</div>
|
||||||
|
<div class="id">ID:0</div>
|
||||||
|
<p><b>2024-11-23</b> هو يومك الأول في Molistar.</p>
|
||||||
|
<p>منذ ذلك اليوم، مررنا بالكثير معًا: تكوين صداقات جديدة، التحدث عن الحياة، وتحدي متعة الألعاب معًا.</p>
|
||||||
|
<p>كل لحظة نسجت رابطًا لا يمكن فصله بيننا.</p>
|
||||||
|
</div>
|
||||||
|
<!-- الصفحة 3 -->
|
||||||
|
<div class="pages page3" id="img3">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>لقد قضيت <b>0</b> أيام مليئة بالضحك في Molistar.</p>
|
||||||
|
<p>مشاركتك النشطة تجعل الغرفة مليئة بالحيوية، كل محادثة حية ومثيرة للاهتمام، وكل لعبة مليئة بالضحك.</p>
|
||||||
|
<p>بفضلك، أصبح هذا المكان أكثر جمالًا.</p>
|
||||||
|
</div>
|
||||||
|
<!-- الصفحة 4 -->
|
||||||
|
<div class="pages page4" id="img4">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>في رحلة هذا العام، دفعت <b class="b1">0</b> نقاط خبرة، مما يجعلك تستحق <b class="b2">مولد الثروة.</b>
|
||||||
|
</p>
|
||||||
|
<p>كل نقطة خبرة هي شهادة على جهدك، وكل ترقية تسجل تقدمك.</p>
|
||||||
|
<p>منذ دخولك إلى المنصة لأول مرة <b class="b3">0</b> اليوم، استمررت في التفاني.</p>
|
||||||
|
</div>
|
||||||
|
<!-- الصفحة 5 -->
|
||||||
|
<div class="pages page5" id="img5">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>في هذا العام، قمت بتراكم <b class="b1">0</b> نقاط جاذبية.</p>
|
||||||
|
<p>كل نقطة هي أفضل دليل على جهدك وموهبتك.</p>
|
||||||
|
<p>تهانينا لك على أن تصبح الأفضل <b class="b2">巴拉巴拉</b> على منصتنا!!!</p>
|
||||||
|
</div>
|
||||||
|
<!-- الصفحة 6 -->
|
||||||
|
<div class="pages page6" id="img6">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<img src="./images/logo.png" alt="" class="txl">
|
||||||
|
<img src="./images/love.png" alt="" class="love">
|
||||||
|
<img src="./images/logo.png" alt="" class="txr">
|
||||||
|
<p>لقد تلقيت الهدية المحددة في <br><b class="b1">2024-11-23 00:00:00.</b></p>
|
||||||
|
<p>من تلك اللحظة فصاعدًا، أصبحت أنت و <b class="b2">مومو</b> ثنائيًا يثير الإعجاب.</p>
|
||||||
|
<p>حتى الآن، كانت علاقتكما دافئة لمدة <b class="b3">0</b> أيام.</p>
|
||||||
|
<p>نتمنى أن يكون طريق حبكما دائمًا مشرقًا وتستمر في كتابة فصول أكثر جمالًا!</p>
|
||||||
|
</div>
|
||||||
|
<!-- الصفحة 7 -->
|
||||||
|
<div class="pages page7" id="img7">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>في هذا العام، لم تكسب فقط العديد من الذكريات الجميلة في Molistar، ولكنك أظهرت أيضًا حماسك ودعمك من خلال إشعال <b class="b1">0</b> هدايا.</p>
|
||||||
|
<p>هدية المفضلة لديك هي <b class="b2">مومو</b></p>
|
||||||
|
<p>هذه الهدية الخاصة ليست فقط انعكاسًا فريدًا لذوقك، ولكنها أيضًا جسر هام لك للتواصل مع المستخدمين الآخرين.</p>
|
||||||
|
</div>
|
||||||
|
<!-- الصفحة 8 -->
|
||||||
|
<div class="pages page8" id="img8">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>في عام 2024، قمت بتحويل <b class="b1">0</b> عملات.</p>
|
||||||
|
<p>شكرًا لجهودك في العام الماضي.</p>
|
||||||
|
</div>
|
||||||
|
<!-- الصفحة 9 -->
|
||||||
|
<div class="pages page9" id="img9">
|
||||||
|
<p>الآن، دعونا نواصل التقدم إلى 2025 يدًا بيد، نستمر في كتابة قصصنا الخاصة، وخلق المزيد من الذكريات التي لا تُنسى.</p>
|
||||||
|
<p>نتمنى أن يكون كل يوم في المستقبل أكثر إشراقًا بفضل وجود بعضنا البعض!</p>
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
88
view/molistar/activity/annualReport/local/en.js
Normal file
88
view/molistar/activity/annualReport/local/en.js
Normal file
@@ -0,0 +1,88 @@
|
|||||||
|
// 英文
|
||||||
|
langEn = {
|
||||||
|
// 模块
|
||||||
|
demoModule: {
|
||||||
|
layerIndex1: 'Loading...',
|
||||||
|
layerIndex2: 'Operation completed',
|
||||||
|
layerIndex3: 'Network error, please exit and re-enter',
|
||||||
|
title:'Annual Report',
|
||||||
|
text1: `
|
||||||
|
<!-- 頁面1 -->
|
||||||
|
<div class="pages page1" id="img1">
|
||||||
|
<div class="title"></div>
|
||||||
|
<p class="p1">
|
||||||
|
In the vast online world, you are like a shining star.Here, we not only see your light, but also
|
||||||
|
feel the joy you bring - you are an indispensable part of Molistar.
|
||||||
|
</p>
|
||||||
|
<div class="but">Click Generate</div>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面2 -->
|
||||||
|
<div class="pages page2" id="img2">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<img src="./images/logo.png" alt="" class="tx">
|
||||||
|
<div class="name">名称</div>
|
||||||
|
<div class="id">ID:0</div>
|
||||||
|
<p><b>2024-11-23</b> is your first day at Molistar.</p>
|
||||||
|
<p>Since that day, we have experienced a lot together: making new friends, chatting about life, and
|
||||||
|
challenging the fun of games together.</p>
|
||||||
|
<p>Every moment has woven an inseparable bond between us.</p>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面3 -->
|
||||||
|
<div class="pages page3" id="img3">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>You have spent <b>0</b> days full of laughter at Molistar.</p>
|
||||||
|
<p>Your active participation makes the room full of vitality, every conversation is so lively and
|
||||||
|
interesting, and every game is full of laughter.</p>
|
||||||
|
<p>Because of you, this place has become more beautiful.</p>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面4 -->
|
||||||
|
<div class="pages page4" id="img4">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>In this year's journey, you have paid <b class="b1">0</b> experience points, which is well deserved
|
||||||
|
<b class="b2">Wealth Germinator.</b>
|
||||||
|
</p>
|
||||||
|
<p>Every experience point is a testimony to your hard work, and every upgrade records your progress.</p>
|
||||||
|
<p>From entering the platform for the first time <b class="b3">0</b> today, your persistence </p>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面5 -->
|
||||||
|
<div class="pages page5" id="img5">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>In this year, you have accumulated <b class="b1">0</b> charm experience points. </p>
|
||||||
|
<p>Every point is the best proof of your hard work and talent. </p>
|
||||||
|
<p>Congratulations on becoming the best <b class="b2">巴拉巴拉</b> on our platform!!!</p>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面6 -->
|
||||||
|
<div class="pages page6" id="img6">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<img src="./images/logo.png" alt="" class="txl">
|
||||||
|
<img src="./images/love.png" alt="" class="love">
|
||||||
|
<img src="./images/logo.png" alt="" class="txr">
|
||||||
|
<p>You received the designated gift on <br><b class="b1">2024-11-23 00:00:00. </b></p>
|
||||||
|
<p>From that moment on, you and <b class="b2">momo</b> became an enviable CP.</p>
|
||||||
|
<p>So far, your relationship has been warm for <b class="b3">0</b> days.</p>
|
||||||
|
<p>May your love path always be full of sunshine and continue to write more beautiful chapters!</p>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面7 -->
|
||||||
|
<div class="pages page7" id="img7">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>This year, you not only gained countless beautiful memories in Molistar, but also showed your
|
||||||
|
enthusiasm and support by lighting up <b class="b1">0</b> gifts.</p>
|
||||||
|
<p>Your favorite gift is <b class="b2">momo</b></p>
|
||||||
|
<p>This special gift is not only a unique reflection of your taste, but also an important bridge for you
|
||||||
|
to communicate with other users.</p>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面8 -->
|
||||||
|
<div class="pages page8" id="img8">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>In 2024, you have transfer <b class="b1">0</b> coins.</p>
|
||||||
|
<p>Thank you for your efforts in the past year.</p>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面9 -->
|
||||||
|
<div class="pages page9" id="img9">
|
||||||
|
<p>Now, let us move forward to 2025 hand in hand, continue to write our own stories, and create more
|
||||||
|
unforgettable memories.</p>
|
||||||
|
<p>May every day in the future be brighter because of each other's existence!</p>
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
}
|
||||||
|
}
|
||||||
82
view/molistar/activity/annualReport/local/tr.js
Normal file
82
view/molistar/activity/annualReport/local/tr.js
Normal file
@@ -0,0 +1,82 @@
|
|||||||
|
// 土耳其
|
||||||
|
langTr = {
|
||||||
|
// 模塊
|
||||||
|
demoModule: {
|
||||||
|
layerIndex1: 'Yükleniyor...',
|
||||||
|
layerIndex2: 'İşlem tamamlandı',
|
||||||
|
layerIndex3: 'Ağ hatası, lütfen çıkış yapıp tekrar girin',
|
||||||
|
title: 'Yıllık Rapor',
|
||||||
|
text1: `
|
||||||
|
<!-- Sayfa 1 -->
|
||||||
|
<div class="pages page1" id="img1">
|
||||||
|
<div class="title"></div>
|
||||||
|
<p class="p1">
|
||||||
|
Geniş çevrimiçi dünyada, sen parlayan bir yıldız gibisin. Burada sadece ışığını görmekle kalmıyoruz, aynı zamanda getirdiğin neşeyi de hissediyoruz - sen Molistar'ın ayrılmaz bir parçasısın.
|
||||||
|
</p>
|
||||||
|
<div class="but">Oluşturmak İçin Tıklayın</div>
|
||||||
|
</div>
|
||||||
|
<!-- Sayfa 2 -->
|
||||||
|
<div class="pages page2" id="img2">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<img src="./images/logo.png" alt="" class="tx">
|
||||||
|
<div class="name">Ad</div>
|
||||||
|
<div class="id">ID:0</div>
|
||||||
|
<p><b>2024-11-23</b> Molistar'daki ilk günün.</p>
|
||||||
|
<p>O günden itibaren birlikte çok şey yaşadık: yeni arkadaşlar edindik, hayat hakkında sohbet ettik ve birlikte oyun eğlencesine meydan okuduk.</p>
|
||||||
|
<p>Her an, aramızda ayrılmaz bir bağ ördü.</p>
|
||||||
|
</div>
|
||||||
|
<!-- Sayfa 3 -->
|
||||||
|
<div class="pages page3" id="img3">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>Molistar'da <b>0</b> gün dolu gülüşlerle geçirdin.</p>
|
||||||
|
<p>Aktif katılımın, odayı canlı tutuyor, her konuşma çok canlı ve ilginç, her oyun ise kahkahalarla dolu.</p>
|
||||||
|
<p>Senin sayende, burası daha güzel hale geldi.</p>
|
||||||
|
</div>
|
||||||
|
<!-- Sayfa 4 -->
|
||||||
|
<div class="pages page4" id="img4">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>Bu yılki yolculuğunda, <b class="b1">0</b> deneyim puanı ödedin, bu tam anlamıyla <b class="b2">Zenginlik Tohumcusu.</b>
|
||||||
|
</p>
|
||||||
|
<p>Her deneyim puanı, çalışkanlığının bir belgesidir ve her yükseltme, ilerlemeni kaydeder.</p>
|
||||||
|
<p>İlk kez platforma <b class="b3">0</b> gün önce girdin, devam ettin.</p>
|
||||||
|
</div>
|
||||||
|
<!-- Sayfa 5 -->
|
||||||
|
<div class="pages page5" id="img5">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>Bu yıl <b class="b1">0</b> cazibe deneyim puanı biriktirdin.</p>
|
||||||
|
<p>Her puan, çalışkanlığının ve yeteneğinin en iyi kanıtıdır.</p>
|
||||||
|
<p>Platformumuzda en iyi <b class="b2">巴拉巴拉</b> olduğun için tebrikler!!!</p>
|
||||||
|
</div>
|
||||||
|
<!-- Sayfa 6 -->
|
||||||
|
<div class="pages page6" id="img6">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<img src="./images/logo.png" alt="" class="txl">
|
||||||
|
<img src="./images/love.png" alt="" class="love">
|
||||||
|
<img src="./images/logo.png" alt="" class="txr">
|
||||||
|
<p>Belirtilen hediyeyi <br><b class="b1">2024-11-23 00:00:00'te</b> aldın.</p>
|
||||||
|
<p>O andan itibaren sen ve <b class="b2">momo</b> arzulanan bir çift oldunuz.</p>
|
||||||
|
<p>Bugüne kadar ilişkiniz <b class="b3">0</b> gündür sıcak.</p>
|
||||||
|
<p>Aşk yolunuz her zaman güneşle dolu olsun ve daha güzel bölümler yazmaya devam edin!</p>
|
||||||
|
</div>
|
||||||
|
<!-- Sayfa 7 -->
|
||||||
|
<div class="pages page7" id="img7">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>Bu yıl, sadece Molistar'da sayısız güzel anılar kazanmadın, aynı zamanda <b class="b1">0</b> hediye yakarak heyecanını ve desteğini gösterdin.</p>
|
||||||
|
<p>En sevdiğin hediye <b class="b2">momo</b></p>
|
||||||
|
<p>Bu özel hediye sadece senin zevkini yansıtan bir şey değil, aynı zamanda diğer kullanıcılarla iletişim kurman için önemli bir köprü.</p>
|
||||||
|
</div>
|
||||||
|
<!-- Sayfa 8 -->
|
||||||
|
<div class="pages page8" id="img8">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>2024'te <b class="b1">0</b> coin transfer ettin.</p>
|
||||||
|
<p>Geçen yılki çabaların için teşekkür ederiz.</p>
|
||||||
|
</div>
|
||||||
|
<!-- Sayfa 9 -->
|
||||||
|
<div class="pages page9" id="img9">
|
||||||
|
<p>Şimdi, 2025'e el birliğiyle ilerleyelim, kendi hikayelerimizi yazmaya devam edelim ve daha fazla unutulmaz anı yaratalım.</p>
|
||||||
|
<p>Gelecekteki her gün, birbirimizin varlığı sayesinde daha parlak olsun!</p>
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
81
view/molistar/activity/annualReport/local/zh.js
Normal file
81
view/molistar/activity/annualReport/local/zh.js
Normal file
@@ -0,0 +1,81 @@
|
|||||||
|
// 中文
|
||||||
|
langZh = {
|
||||||
|
// 模塊
|
||||||
|
demoModule: {
|
||||||
|
layerIndex1: '加載中...',
|
||||||
|
layerIndex2: '操作完成',
|
||||||
|
layerIndex3: '網絡錯誤，請退出後重新進入',
|
||||||
|
title: '年報',
|
||||||
|
text1: `
|
||||||
|
<!-- 頁面 1 -->
|
||||||
|
<div class="pages page1" id="img1">
|
||||||
|
<div class="title"></div>
|
||||||
|
<p class="p1">
|
||||||
|
在這個浩瀚的線上世界裡，你就像是一顆閃耀的星星。在這裡，我們不僅看見你的光芒，還感受到你帶來的快樂——你是Molistar不可或缺的一部分。
|
||||||
|
</p>
|
||||||
|
<div class="but">點擊生成</div>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面 2 -->
|
||||||
|
<div class="pages page2" id="img2">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<img src="./images/logo.png" alt="" class="tx">
|
||||||
|
<div class="name">名稱</div>
|
||||||
|
<div class="id">ID:0</div>
|
||||||
|
<p><b>2024-11-23</b> 是你在Molistar的第一天。</p>
|
||||||
|
<p>從那天起，我們一起經歷了很多：交了新朋友，聊著生活，還有一起挑戰遊戲的樂趣。</p>
|
||||||
|
<p>每一刻都編織了我們之間無法分割的紐帶。</p>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面 3 -->
|
||||||
|
<div class="pages page3" id="img3">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>你在Molistar度過了<b>0</b>天充滿歡笑的時光。</p>
|
||||||
|
<p>你的積極參與讓房間充滿活力，每次對話都如此生動有趣，每場遊戲都充滿笑聲。</p>
|
||||||
|
<p>因為有你，這個地方變得更加美麗。</p>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面 4 -->
|
||||||
|
<div class="pages page4" id="img4">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>在今年的旅程中，你支付了<b class="b1">0</b>經驗點數，這完全配得上<b class="b2">財富播種者</b>的稱號。</p>
|
||||||
|
<p>每一點經驗都是你努力的證明，每一次升級都記錄著你的進步。</p>
|
||||||
|
<p>從第一次進入平台到今天已經<b class="b3">0</b>天，你的堅持一直在前行。</p>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面 5 -->
|
||||||
|
<div class="pages page5" id="img5">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>在今年，你累積了<b class="b1">0</b>魅力經驗點數。</p>
|
||||||
|
<p>每一點都是你努力和天賦的最好證明。</p>
|
||||||
|
<p>恭喜你成為我們平台上最棒的<b class="b2">巴拉巴拉</b>！！！</p>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面 6 -->
|
||||||
|
<div class="pages page6" id="img6">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<img src="./images/logo.png" alt="" class="txl">
|
||||||
|
<img src="./images/love.png" alt="" class="love">
|
||||||
|
<img src="./images/logo.png" alt="" class="txr">
|
||||||
|
<p>你在<b class="b1">2024-11-23 00:00:00</b>收到了指定的禮物。</p>
|
||||||
|
<p>從那一刻起，你和<b class="b2">momo</b>成為了令人羨慕的CP。</p>
|
||||||
|
<p>至今，你們的關係已經有<b class="b3">0</b>天那麼溫暖。</p>
|
||||||
|
<p>願你的愛情之路永遠充滿陽光，繼續書寫更多美麗的篇章！</p>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面 7 -->
|
||||||
|
<div class="pages page7" id="img7">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>今年，你在Molistar不僅獲得了無數美好的回憶，還通過送出<b class="b1">0</b>份禮物展示了你的熱情和支持。</p>
|
||||||
|
<p>你最喜歡的禮物是<b class="b2">momo</b></p>
|
||||||
|
<p>這份特殊的禮物不僅是你品味的獨特反映，也是你與其他用戶交流的重要橋梁。</p>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面 8 -->
|
||||||
|
<div class="pages page8" id="img8">
|
||||||
|
<img src="./images/more.png" alt="" class="more">
|
||||||
|
<p>在2024年，你轉移了<b class="b1">0</b>個硬幣。</p>
|
||||||
|
<p>感謝你過去一年的努力。</p>
|
||||||
|
</div>
|
||||||
|
<!-- 頁面 9 -->
|
||||||
|
<div class="pages page9" id="img9">
|
||||||
|
<p>現在，讓我們手牽手邁向2025，繼續書寫屬於我們的故事，創造更多難忘的回憶。</p>
|
||||||
|
<p>願未來的每一天，因為彼此的存在而更加光明！</p>
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user