diff --git a/view/molistar/activity/annualReport/css/index.css b/view/molistar/activity/annualReport/css/index.css new file mode 100644 index 0000000..4ee71ad --- /dev/null +++ b/view/molistar/activity/annualReport/css/index.css @@ -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%; +} diff --git a/view/molistar/activity/annualReport/css/index.scss b/view/molistar/activity/annualReport/css/index.scss new file mode 100644 index 0000000..93edd10 --- /dev/null +++ b/view/molistar/activity/annualReport/css/index.scss @@ -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%; + } + } +} \ No newline at end of file diff --git a/view/molistar/activity/annualReport/images/but.png b/view/molistar/activity/annualReport/images/but.png new file mode 100644 index 0000000..69aec5f Binary files /dev/null and b/view/molistar/activity/annualReport/images/but.png differ diff --git a/view/molistar/activity/annualReport/images/img1.png b/view/molistar/activity/annualReport/images/img1.png new file mode 100644 index 0000000..58a23b4 Binary files /dev/null and b/view/molistar/activity/annualReport/images/img1.png differ diff --git a/view/molistar/activity/annualReport/images/img2.png b/view/molistar/activity/annualReport/images/img2.png new file mode 100644 index 0000000..0530b01 Binary files /dev/null and b/view/molistar/activity/annualReport/images/img2.png differ diff --git a/view/molistar/activity/annualReport/images/img3.png b/view/molistar/activity/annualReport/images/img3.png new file mode 100644 index 0000000..989c20f Binary files /dev/null and b/view/molistar/activity/annualReport/images/img3.png differ diff --git a/view/molistar/activity/annualReport/images/img4.png b/view/molistar/activity/annualReport/images/img4.png new file mode 100644 index 0000000..7dfc886 Binary files /dev/null and b/view/molistar/activity/annualReport/images/img4.png differ diff --git a/view/molistar/activity/annualReport/images/img5.png b/view/molistar/activity/annualReport/images/img5.png new file mode 100644 index 0000000..8e0c4a9 Binary files /dev/null and b/view/molistar/activity/annualReport/images/img5.png differ diff --git a/view/molistar/activity/annualReport/images/img6.png b/view/molistar/activity/annualReport/images/img6.png new file mode 100644 index 0000000..754a3df Binary files /dev/null and b/view/molistar/activity/annualReport/images/img6.png differ diff --git a/view/molistar/activity/annualReport/images/img7.png b/view/molistar/activity/annualReport/images/img7.png new file mode 100644 index 0000000..2657532 Binary files /dev/null and b/view/molistar/activity/annualReport/images/img7.png differ diff --git a/view/molistar/activity/annualReport/images/img8.png b/view/molistar/activity/annualReport/images/img8.png new file mode 100644 index 0000000..dbc9519 Binary files /dev/null and b/view/molistar/activity/annualReport/images/img8.png differ diff --git a/view/molistar/activity/annualReport/images/img9.png b/view/molistar/activity/annualReport/images/img9.png new file mode 100644 index 0000000..41a66a4 Binary files /dev/null and b/view/molistar/activity/annualReport/images/img9.png differ diff --git a/view/molistar/activity/annualReport/images/love.png b/view/molistar/activity/annualReport/images/love.png new file mode 100644 index 0000000..2f0a1ab Binary files /dev/null and b/view/molistar/activity/annualReport/images/love.png differ diff --git a/view/molistar/activity/annualReport/images/more.png b/view/molistar/activity/annualReport/images/more.png new file mode 100644 index 0000000..ce77934 Binary files /dev/null and b/view/molistar/activity/annualReport/images/more.png differ diff --git a/view/molistar/activity/annualReport/images/title-ar.png b/view/molistar/activity/annualReport/images/title-ar.png new file mode 100644 index 0000000..9673daf Binary files /dev/null and b/view/molistar/activity/annualReport/images/title-ar.png differ diff --git a/view/molistar/activity/annualReport/images/title-tr.png b/view/molistar/activity/annualReport/images/title-tr.png new file mode 100644 index 0000000..04b584c Binary files /dev/null and b/view/molistar/activity/annualReport/images/title-tr.png differ diff --git a/view/molistar/activity/annualReport/images/title-zh.png b/view/molistar/activity/annualReport/images/title-zh.png new file mode 100644 index 0000000..16bba1d Binary files /dev/null and b/view/molistar/activity/annualReport/images/title-zh.png differ diff --git a/view/molistar/activity/annualReport/images/title.png b/view/molistar/activity/annualReport/images/title.png new file mode 100644 index 0000000..622555e Binary files /dev/null and b/view/molistar/activity/annualReport/images/title.png differ diff --git a/view/molistar/activity/annualReport/images/travel/back.png b/view/molistar/activity/annualReport/images/travel/back.png new file mode 100644 index 0000000..2b3812d Binary files /dev/null and b/view/molistar/activity/annualReport/images/travel/back.png differ diff --git a/view/molistar/activity/annualReport/images/travel/backB.png b/view/molistar/activity/annualReport/images/travel/backB.png new file mode 100644 index 0000000..92e190c Binary files /dev/null and b/view/molistar/activity/annualReport/images/travel/backB.png differ diff --git a/view/molistar/activity/annualReport/index.html b/view/molistar/activity/annualReport/index.html new file mode 100644 index 0000000..df48ccb --- /dev/null +++ b/view/molistar/activity/annualReport/index.html @@ -0,0 +1,36 @@ + + + + + + + + + + + + + +
+ +
+
+
+ +
+
+ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/view/molistar/activity/annualReport/js/index.js b/view/molistar/activity/annualReport/js/index.js new file mode 100644 index 0000000..6d28761 --- /dev/null +++ b/view/molistar/activity/annualReport/js/index.js @@ -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); \ No newline at end of file diff --git a/view/molistar/activity/annualReport/local/ar.js b/view/molistar/activity/annualReport/local/ar.js new file mode 100644 index 0000000..1106bc5 --- /dev/null +++ b/view/molistar/activity/annualReport/local/ar.js @@ -0,0 +1,82 @@ +// 阿拉伯 +langAr = { + // 模块 + demoModule: { + layerIndex1: 'جارٍ التحميل...', + layerIndex2: 'تمت العملية بنجاح', + layerIndex3: 'خطأ في الشبكة، يرجى الخروج وإعادة الدخول', + title: 'التقرير السنوي', + text1: ` + +
+
+

+ في عالم الإنترنت الواسع، أنت مثل نجم لامع. هنا، نحن لا نرى ضوءك فقط، ولكننا نشعر أيضًا بالفرح الذي تجلبه - أنت جزء لا غنى عنه في Molistar. +

+
اضغط لإنشاء
+
+ +
+ + +
الاسم
+
ID:0
+

2024-11-23 هو يومك الأول في Molistar.

+

منذ ذلك اليوم، مررنا بالكثير معًا: تكوين صداقات جديدة، التحدث عن الحياة، وتحدي متعة الألعاب معًا.

+

كل لحظة نسجت رابطًا لا يمكن فصله بيننا.

+
+ +
+ +

لقد قضيت 0 أيام مليئة بالضحك في Molistar.

+

مشاركتك النشطة تجعل الغرفة مليئة بالحيوية، كل محادثة حية ومثيرة للاهتمام، وكل لعبة مليئة بالضحك.

+

بفضلك، أصبح هذا المكان أكثر جمالًا.

+
+ +
+ +

في رحلة هذا العام، دفعت 0 نقاط خبرة، مما يجعلك تستحق مولد الثروة. +

+

كل نقطة خبرة هي شهادة على جهدك، وكل ترقية تسجل تقدمك.

+

منذ دخولك إلى المنصة لأول مرة 0 اليوم، استمررت في التفاني.

+
+ +
+ +

في هذا العام، قمت بتراكم 0 نقاط جاذبية.

+

كل نقطة هي أفضل دليل على جهدك وموهبتك.

+

تهانينا لك على أن تصبح الأفضل 巴拉巴拉 على منصتنا!!!

+
+ +
+ + + + +

لقد تلقيت الهدية المحددة في
2024-11-23 00:00:00.

+

من تلك اللحظة فصاعدًا، أصبحت أنت و مومو ثنائيًا يثير الإعجاب.

+

حتى الآن، كانت علاقتكما دافئة لمدة 0 أيام.

+

نتمنى أن يكون طريق حبكما دائمًا مشرقًا وتستمر في كتابة فصول أكثر جمالًا!

+
+ +
+ +

في هذا العام، لم تكسب فقط العديد من الذكريات الجميلة في Molistar، ولكنك أظهرت أيضًا حماسك ودعمك من خلال إشعال 0 هدايا.

+

هدية المفضلة لديك هي مومو

+

هذه الهدية الخاصة ليست فقط انعكاسًا فريدًا لذوقك، ولكنها أيضًا جسر هام لك للتواصل مع المستخدمين الآخرين.

+
+ +
+ +

في عام 2024، قمت بتحويل 0 عملات.

+

شكرًا لجهودك في العام الماضي.

+
+ +
+

الآن، دعونا نواصل التقدم إلى 2025 يدًا بيد، نستمر في كتابة قصصنا الخاصة، وخلق المزيد من الذكريات التي لا تُنسى.

+

نتمنى أن يكون كل يوم في المستقبل أكثر إشراقًا بفضل وجود بعضنا البعض!

+
+` + + } +} \ No newline at end of file diff --git a/view/molistar/activity/annualReport/local/en.js b/view/molistar/activity/annualReport/local/en.js new file mode 100644 index 0000000..5bb072f --- /dev/null +++ b/view/molistar/activity/annualReport/local/en.js @@ -0,0 +1,88 @@ +// 英文 +langEn = { + // 模块 + demoModule: { + layerIndex1: 'Loading...', + layerIndex2: 'Operation completed', + layerIndex3: 'Network error, please exit and re-enter', + title:'Annual Report', + text1: ` + +
+
+

+ 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. +

+
Click Generate
+
+ +
+ + +
名称
+
ID:0
+

2024-11-23 is your first day at Molistar.

+

Since that day, we have experienced a lot together: making new friends, chatting about life, and + challenging the fun of games together.

+

Every moment has woven an inseparable bond between us.

+
+ +
+ +

You have spent 0 days full of laughter at Molistar.

+

Your active participation makes the room full of vitality, every conversation is so lively and + interesting, and every game is full of laughter.

+

Because of you, this place has become more beautiful.

+
+ +
+ +

In this year's journey, you have paid 0 experience points, which is well deserved + Wealth Germinator. +

+

Every experience point is a testimony to your hard work, and every upgrade records your progress.

+

From entering the platform for the first time 0 today, your persistence

+
+ +
+ +

In this year, you have accumulated 0 charm experience points.

+

Every point is the best proof of your hard work and talent.

+

Congratulations on becoming the best 巴拉巴拉 on our platform!!!

+
+ +
+ + + + +

You received the designated gift on
2024-11-23 00:00:00.

+

From that moment on, you and momo became an enviable CP.

+

So far, your relationship has been warm for 0 days.

+

May your love path always be full of sunshine and continue to write more beautiful chapters!

+
+ +
+ +

This year, you not only gained countless beautiful memories in Molistar, but also showed your + enthusiasm and support by lighting up 0 gifts.

+

Your favorite gift is momo

+

This special gift is not only a unique reflection of your taste, but also an important bridge for you + to communicate with other users.

+
+ +
+ +

In 2024, you have transfer 0 coins.

+

Thank you for your efforts in the past year.

+
+ +
+

Now, let us move forward to 2025 hand in hand, continue to write our own stories, and create more + unforgettable memories.

+

May every day in the future be brighter because of each other's existence!

+
+ ` + } +} \ No newline at end of file diff --git a/view/molistar/activity/annualReport/local/tr.js b/view/molistar/activity/annualReport/local/tr.js new file mode 100644 index 0000000..7c59d4d --- /dev/null +++ b/view/molistar/activity/annualReport/local/tr.js @@ -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: ` + +
+
+

+ 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. +

+
Oluşturmak İçin Tıklayın
+
+ +
+ + +
Ad
+
ID:0
+

2024-11-23 Molistar'daki ilk günün.

+

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.

+

Her an, aramızda ayrılmaz bir bağ ördü.

+
+ +
+ +

Molistar'da 0 gün dolu gülüşlerle geçirdin.

+

Aktif katılımın, odayı canlı tutuyor, her konuşma çok canlı ve ilginç, her oyun ise kahkahalarla dolu.

+

Senin sayende, burası daha güzel hale geldi.

+
+ +
+ +

Bu yılki yolculuğunda, 0 deneyim puanı ödedin, bu tam anlamıyla Zenginlik Tohumcusu. +

+

Her deneyim puanı, çalışkanlığının bir belgesidir ve her yükseltme, ilerlemeni kaydeder.

+

İlk kez platforma 0 gün önce girdin, devam ettin.

+
+ +
+ +

Bu yıl 0 cazibe deneyim puanı biriktirdin.

+

Her puan, çalışkanlığının ve yeteneğinin en iyi kanıtıdır.

+

Platformumuzda en iyi 巴拉巴拉 olduğun için tebrikler!!!

+
+ +
+ + + + +

Belirtilen hediyeyi
2024-11-23 00:00:00'te aldın.

+

O andan itibaren sen ve momo arzulanan bir çift oldunuz.

+

Bugüne kadar ilişkiniz 0 gündür sıcak.

+

Aşk yolunuz her zaman güneşle dolu olsun ve daha güzel bölümler yazmaya devam edin!

+
+ +
+ +

Bu yıl, sadece Molistar'da sayısız güzel anılar kazanmadın, aynı zamanda 0 hediye yakarak heyecanını ve desteğini gösterdin.

+

En sevdiğin hediye momo

+

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ü.

+
+ +
+ +

2024'te 0 coin transfer ettin.

+

Geçen yılki çabaların için teşekkür ederiz.

+
+ +
+

Şimdi, 2025'e el birliğiyle ilerleyelim, kendi hikayelerimizi yazmaya devam edelim ve daha fazla unutulmaz anı yaratalım.

+

Gelecekteki her gün, birbirimizin varlığı sayesinde daha parlak olsun!

+
+` + + } +} \ No newline at end of file diff --git a/view/molistar/activity/annualReport/local/zh.js b/view/molistar/activity/annualReport/local/zh.js new file mode 100644 index 0000000..3131d37 --- /dev/null +++ b/view/molistar/activity/annualReport/local/zh.js @@ -0,0 +1,81 @@ +// 中文 +langZh = { + // 模塊 + demoModule: { + layerIndex1: '加載中...', + layerIndex2: '操作完成', + layerIndex3: '網絡錯誤，請退出後重新進入', + title: '年報', +text1: ` + +
+
+

+ 在這個浩瀚的線上世界裡，你就像是一顆閃耀的星星。在這裡，我們不僅看見你的光芒，還感受到你帶來的快樂——你是Molistar不可或缺的一部分。 +

+
點擊生成
+
+ +
+ + +
名稱
+
ID:0
+

2024-11-23 是你在Molistar的第一天。

+

從那天起，我們一起經歷了很多：交了新朋友，聊著生活，還有一起挑戰遊戲的樂趣。

+

每一刻都編織了我們之間無法分割的紐帶。

+
+ +
+ +

你在Molistar度過了0天充滿歡笑的時光。

+

你的積極參與讓房間充滿活力，每次對話都如此生動有趣，每場遊戲都充滿笑聲。

+

因為有你，這個地方變得更加美麗。

+
+ +
+ +

在今年的旅程中，你支付了0經驗點數，這完全配得上財富播種者的稱號。

+

每一點經驗都是你努力的證明，每一次升級都記錄著你的進步。

+

從第一次進入平台到今天已經0天，你的堅持一直在前行。

+
+ +
+ +

在今年，你累積了0魅力經驗點數。

+

每一點都是你努力和天賦的最好證明。

+

恭喜你成為我們平台上最棒的巴拉巴拉！！！

+
+ +
+ + + + +

你在2024-11-23 00:00:00收到了指定的禮物。

+

從那一刻起，你和momo成為了令人羨慕的CP。

+

至今，你們的關係已經有0天那麼溫暖。

+

願你的愛情之路永遠充滿陽光，繼續書寫更多美麗的篇章！

+
+ +
+ +

今年，你在Molistar不僅獲得了無數美好的回憶，還通過送出0份禮物展示了你的熱情和支持。

+

你最喜歡的禮物是momo

+

這份特殊的禮物不僅是你品味的獨特反映，也是你與其他用戶交流的重要橋梁。

+
+ +
+ +

在2024年，你轉移了0個硬幣。

+

感謝你過去一年的努力。

+
+ +
+

現在，讓我們手牽手邁向2025，繼續書寫屬於我們的故事，創造更多難忘的回憶。

+

願未來的每一天，因為彼此的存在而更加光明！

+
+` + + } +} \ No newline at end of file