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

完成年度

Browse Source
This commit is contained in:
dragon
2025-01-17 15:01:45 +08:00
parent c9d75cc5e6
commit b72afa268a
26 changed files with 1299 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

378
view/molistar/activity/annualReport/css/index.css Normal file
View 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
View 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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
view/molistar/activity/annualReport/images/img1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 645 KiB

BIN
view/molistar/activity/annualReport/images/img2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 560 KiB

BIN
view/molistar/activity/annualReport/images/img3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 644 KiB

BIN
view/molistar/activity/annualReport/images/img4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 563 KiB

BIN
view/molistar/activity/annualReport/images/img5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 655 KiB

BIN
view/molistar/activity/annualReport/images/img6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 521 KiB

BIN
view/molistar/activity/annualReport/images/img7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 625 KiB

BIN
view/molistar/activity/annualReport/images/img8.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 688 KiB

BIN
view/molistar/activity/annualReport/images/img9.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 727 KiB

BIN
view/molistar/activity/annualReport/images/love.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 684 B

BIN
view/molistar/activity/annualReport/images/title-ar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
view/molistar/activity/annualReport/images/title-tr.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
view/molistar/activity/annualReport/images/title-zh.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
view/molistar/activity/annualReport/images/title.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
view/molistar/activity/annualReport/images/travel/back.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
view/molistar/activity/annualReport/images/travel/backB.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

36
view/molistar/activity/annualReport/index.html Normal file
View 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
View 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
View 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
View 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
View 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
View 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>
`
}
}