- Level
+ 
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
-
- 
-
-
- -
- -- 0 - LV.0 - LV.1 -
+ + +
+
+ 
-->
-
-
-
- ![]()
-
-
-
+
+
+
-
-
+
+ 
+
-
+
+ ![]()
+
+ LV.0
+ 0
+
+
+ LV.0
+
+ LV.0
+ 0
-->
-
-
-
-
- ![]()
-
-
-
-
-
-
-
-
- -
- -- 0 - LV.0 - LV.1 -
-
+
+
+
+
+
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/view/molistar/modules/level/js/index.js b/view/molistar/modules/level/js/index.js
index e443c85..2590ccd 100644
--- a/view/molistar/modules/level/js/index.js
+++ b/view/molistar/modules/level/js/index.js
@@ -1,143 +1,158 @@
-let info = {};
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+ new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
var langReplace;
var localLang;
-var mySwiper;
-$(function () {
- let browser = checkVersion();
- let api = getUrlPrefix();
- if (EnvCheck() == 'test') { let vConsole = new VConsole };
- let locateObj = getQueryString();
-
- //type=user 用戶等級（財富等級） type = charm 魅力等級
- if (locateObj.type == 'user') {
- $('.level').eq(0).addClass('active').siblings().removeClass('active');
- $('.user-content').eq(0).show().siblings('.user-content').hide();
- console.log("user")
- } else if (locateObj.type == 'charm') {
- $('.level').eq(1).addClass('active').siblings().removeClass('active');
- $('.user-content').eq(1).show().siblings('.user-content').hide();
- console.log("charm")
- }
-
- getInfoFromClient()
- fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
-
- if (browser.app) {
- if (browser.ios) {
- info.uid = tools.cookieUtils.get('uid');
- window.webkit.messageHandlers.getTicket.postMessage(null);
- } else if (browser.android) {
- if (androidJsObj && typeof androidJsObj === 'object') {
- info.uid = parseInt(window.androidJsObj.getUid());
- info.ticket = window.androidJsObj.getTicket();
- }
- }
- } else {
- info.uid = 936365;
- info.ticket = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjo5MzYzNjUsInRpY2tldF9pZCI6IjcxYTVkNmM1LTZiZGYtNDQxYS1iMjg5LTE5MzU0MmQ4NjU0MiIsImV4cCI6MzYwMCwiY2xpZW50X2lkIjoiZXJiYW4tY2xpZW50In0.mmTJQ5rI5wEBmj5VN1YkSv0MO5aqy8z7W4XTPN-Jx04"
- }
-
- //等級數據渲染
- const renderUser = (data) => {
- let $user = $('.user-content');
- $user.find('.user-head .user-avatar').attr('src', data.avatar);
- $user.find('.grade .grade-now').html('LV.' + data.userLevelExperience.levelExperience.levelSeq);
- $user.find('.grade .grade-next').html('LV.' + data.userLevelExperience.nextLevelExperience.levelSeq);
- $user.find('.treasure-now').html(langReplace(localLang.demoModule.text3) + data.userLevelExperience.amount);
- var barWidth = (data.userLevelExperience.amount / data.userLevelExperience.nextLevelExperience.amount) * 100;
- // console.log(barWidth);
- barWidth = barWidth >= 100 ? 100 : barWidth
- $user.find('.progress-bar .progress-bar-now').css({
- width: barWidth + '%'
- })
- let dis = data.userLevelExperience.nextLevelExperience.amount - data.userLevelExperience.amount;
- if (dis <= 0) {
- dis = '∞';
- }
- $user.find('.treasure-upgrade').html(langReplace(localLang.demoModule.text4) + `${dis}`);
- }
- //魅力數據渲染
- const renderCharm = (data) => {
- let $user = $('.user-charm');
- $user.find('.user-head .user-avatar').attr('src', data.avatar);
- $user.find('.grade .grade-now').html('LV.' + data.userLevelCharm.levelCharm.levelSeq);
- $user.find('.grade .grade-next').html('LV.' + data.userLevelCharm.nextLevelCharm.levelSeq);
- $user.find('.treasure-now').html(langReplace(localLang.demoModule.text5) + data.userLevelCharm.amount);
- let barWidth = (data.userLevelCharm.amount / data.userLevelCharm.nextLevelCharm.amount) * 100;
- barWidth = barWidth >= 100 ? 100 : barWidth
- $user.find('.progress-bar .progress-bar-now').css({
- width: barWidth + '%'
- })
- let dis = data.userLevelCharm.nextLevelCharm.amount - data.userLevelCharm.amount;
- if (dis <= 0) {
- dis = '∞';
- }
- $user.find('.treasure-upgrade').html(langReplace(localLang.demoModule.text6) + `${dis}`);
- }
-
- const getMsg = () => {
- $.get(api + '/userLevel/getUserExper', { uid: info.uid, ticket: info.ticket }, function (res) {
- if (res.code == 200) {
- console.log(res.data);
- renderUser(res.data);
- }
- })
- $.get(api + '/userLevel/getUserCharm', { uid: info.uid, ticket: info.ticket }, function (res) {
- if (res.code == 200) {
- console.log(res.data);
- renderCharm(res.data);
- }
- })
- }
- setTimeout(function () {
- fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
- langReplace = window.lang.replace;
- localLang = window.lang;
- translateFun();
- getMsg();
- setTimeout(function () {
- $('#body').show();
- mySwiper = new Swiper('.swiper-container', {
- autoHeight: true,
- onSlideChangeStart: function (swiper) {
- let index = swiper.activeIndex;
- $('.level-head .level').eq(index).addClass('active').siblings('.level').removeClass('active');
- $('.user-content').eq(index).show().siblings('.user-content').hide();
- $(window).scrollTop(0)
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+ layer.open({
+ type: 2,
+ shadeClose: false,
+ content,
+ success(e) {
+ layerIndex = $(e).attr('index')
}
- })
- }, 300)
- }, 100)
- function translateFun() {
+ })
+}
+const hideLoading = (index) => {
+ layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+ layer.open({
+ content,
+ time,
+ skin: 'msg'
+ })
+}
+var userExper;
+var userCharm;
+// 初始化函數
+$(function () {
+ getInfoFromClient();
+ fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+ setTimeout(function () {
+ // 頁面全屏
+ if (browser.app) {
+ if (browser.android) {
+ window.androidJsObj.initShowNav(false)
+ } else {
+ window.webkit.messageHandlers.initShowNav.postMessage(0)
+ }
+ };
+ // 頂部返回事件
+ $('.back .backIcon').click(() => {
+ if (browser.android) {
+ window.androidJsObj.closeWebView()
+ } else {
+ window.webkit.messageHandlers.closeWebView.postMessage(null)
+ }
+ })
+ fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+ langReplace = window.lang.replace;
+ localLang = window.lang;
+ translateFun();
+ getUserExper();
+ getUserCharm();
+ }, 100)
+})
+function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
- $('#title').html(langReplace(localLang.demoModule.title));
- $('#text1').text(langReplace(localLang.demoModule.text1));
- $('#text2').text(langReplace(localLang.demoModule.text2));
- $('#img1').attr('src', langReplace(localLang.demoModule.img1));
- $('#img2').attr('src', langReplace(localLang.demoModule.img2));
- }
- function convertName(name) {
- return name.split('L')[0];
- }
- //用戶等級和魅力等級切換
- $('.level-head').on('click', '.level', function () {
- if ($(this).hasClass('active')) return;
- mySwiper.slideTo($(this).index(), 400, false)
- $(this).addClass('active').siblings('.level').removeClass('active');
- var index = $(this).index();
- $('.user-content').eq(index).show().siblings('.user-content').hide();
- $(window).scrollTop(0)
- })
-})
-// function getMessage(key, value) {
-// info[key] = value;
-// }
-function imgErrorLoad(image) {
- // 当图片加载失败时执行的函数
- image.src = './images/people.png'; // 可以替换为备用图片的URL
+ $('.text1').text(langReplace(localLang.demoModule.text1));
+ $('.text2').text(langReplace(localLang.demoModule.text2));
+ $('.text3').text(langReplace(localLang.demoModule.text3));
+ $('.text4').text(langReplace(localLang.demoModule.text4));
+ $('.text5').text(langReplace(localLang.demoModule.text5));
+ $('.text6').html(langReplace(localLang.demoModule.text6));
+ $('.text7').html(langReplace(localLang.demoModule.text7));
}
-function imgErrorLoad2(image) {
- // 当图片加载失败时执行的函数
- image.src = './images/people.png'; // 可以替换为备用图片的URL
-}
\ No newline at end of file
+// 配置接口
+function getUserExper() {
+ showLoading()
+ networkRequest({
+ type: 'get',
+ url: urlPrefix + '/userLevel/getUserExper',
+ data: { uid: pubInfo.uid, ticket: pubInfo.ticket },
+ success(res) {
+ if (res.code === 200) {
+ userExper = res.data;
+ dataFun(1);
+ } else {
+ toastMsg(res.message)
+ }
+ hideLoading(layerIndex)
+ },
+ error(err) {
+ hideLoading(layerIndex)
+ toastMsg(langReplace(localLang.demoModule.layerIndex3))
+ }
+ })
+}
+// 配置接口
+function getUserCharm() {
+ showLoading()
+ networkRequest({
+ type: 'get',
+ url: urlPrefix + '/userLevel/getUserCharm',
+ data: { uid: pubInfo.uid, ticket: pubInfo.ticket },
+ success(res) {
+ if (res.code === 200) {
+ userCharm = res.data;
+ } else {
+ toastMsg(res.message)
+ }
+ hideLoading(layerIndex)
+ },
+ error(err) {
+ hideLoading(layerIndex)
+ toastMsg(langReplace(localLang.demoModule.layerIndex3))
+ }
+ })
+}
+function dataFun(type) {
+ if (type == 1) {
+ $('.myInfo .tx').attr('src', userExper.avatar);
+ $('.myInfo .levelIcon').attr('src', userExper.userLevelExperience.levelExperience.url1);
+ $('.myInfo .level b').text(userExper.userLevelExperience.levelExperience.levelSeq);
+ $('.myInfo .bootom strong').text(userExper.userLevelExperience.amount);
+
+ var amount = userExper.userLevelExperience.nextLevelExperience.amount - userExper.userLevelExperience.levelExperience.amount;
+ $('.myInfo p strong').text(userExper.userLevelExperience.levelExperience.levelSeq >= 100 ? '∞' : amount);
+
+ $('.myInfo .lineBox .thisLevel b').text(userExper.userLevelExperience.levelExperience.levelSeq);
+ $('.myInfo .lineBox .nextLevel b').text(userExper.userLevelExperience.levelExperience.levelSeq >= 100 ? 100 : userExper.userLevelExperience.nextLevelExperience.levelSeq);
+ var cssNum = userExper.userLevelExperience.levelExperience.levelSeq >= 100 ? 100 : (userExper.userLevelExperience.levelExperience.amount / userExper.userLevelExperience.nextLevelExperience.amount) * 100;
+ $('.lineBox .line').css('width', cssNum + '%');
+ } else {
+ $('.myInfo .tx').attr('src', userCharm.avatar);
+ $('.myInfo .levelIcon').attr('src', userCharm.userLevelCharm.levelCharm.url1);
+ $('.myInfo .level b').text(userCharm.userLevelCharm.levelCharm.levelSeq);
+ $('.myInfo .bootom strong').text(userCharm.userLevelCharm.amount);
+
+ var amount = userCharm.userLevelCharm.nextLevelCharm.amount - userCharm.userLevelCharm.levelCharm.amount;
+ $('.myInfo p strong').text(userCharm.userLevelCharm.levelCharm.levelSeq >= 100 ? '∞' : amount);
+
+ $('.myInfo .lineBox .thisLevel b').text(userCharm.userLevelCharm.levelCharm.levelSeq);
+ $('.myInfo .lineBox .nextLevel b').text(userCharm.userLevelCharm.levelCharm.levelSeq >= 100 ? 100 : userCharm.userLevelCharm.nextLevelCharm.levelSeq);
+ var cssNum = userCharm.userLevelCharm.levelCharm.levelSeq >= 100 ? 100 : (userCharm.userLevelCharm.levelCharm.amount / userCharm.userLevelCharm.nextLevelCharm.amount) * 100;
+ $('.lineBox .line').css('width', cssNum + '%');
+ }
+
+}
+// 切换
+$('.back .tab div').click(function () {
+ var i = $(this).index() + 1;
+ $(this).addClass('act').siblings().removeClass('act');;
+ if (i == 1) {
+ $('body').removeClass('page2');
+ } else {
+ $('body').addClass('page2');
+ }
+ $('.rule1,.rule2').hide();
+ $(`.rule${i}`).show()
+ dataFun(i);
+})
\ No newline at end of file
diff --git a/view/molistar/modules/level/local/ar.js b/view/molistar/modules/level/local/ar.js
index 712a815..b5fe6f4 100644
--- a/view/molistar/modules/level/local/ar.js
+++ b/view/molistar/modules/level/local/ar.js
@@ -2,14 +2,45 @@
langAr = {
// 模块
demoModule: {
- img1:'./images/wealth-ar.png',
- img2:'./images/charm-ar.png',
- title: 'شرح المستويات',
- text1: 'مستوى الثروة',
- text2: 'مستوى الجاذبية',
- text3: 'قيمة الثروة:',
- text4: 'قيمة الثروة المطلوبة للترقية:',
- text5: 'قيمة الجاذبية:',
- text6: 'قيمة الجاذبية المطلوبة للترقية:',
+ layerIndex1: `جاري التحميل...`,
+ layerIndex2: `نجاح`,
+ layerIndex3: `خطأ في الشبكة`,
+ text1: `المستوى`,
+ text2: `مستوى الثروة`,
+ text3: `مستوى الجاذبية`,
+ text4: `قيمة الثروة:`,
+ text5: `قيمة الثروة المطلوبة للترقية:`,
+ text6: `
+
+
+ كيفية الترقية
+ لكل هدية تساوي 1 عملة ذهبية، يمكنك جمع نقطة خبرة واحدة. كلما زادت نقاط الخبرة التي تجمعها، زاد مستواك.
+
+
+ شروط الحصول
+ 1. يمكن للمستخدمين من المستوى 1 وما فوق الحصول على شارة المستوى.
+2. يمكن للمستخدمين من المستوى 30 وما فوق فتح امتيازات المستوى (تأثيرات دخول مذهلة للغرفة).
+
+
+ وصف رمز المستوى
+ سيتم عرض رمز المستوى على شاشة الغرفة وصفحة الملف الشخصي وأماكن أخرى. كلما كان المستوى أعلى، كلما كان الرمز أكثر روعة.
+
+ 
+
+ وصف اختيار مستوى الثروة الخاص
+ يشمل مستوى الثروة ترقية تأثيرات دخول الغرفة المذهلة. كلما كان المستوى أعلى، كانت التأثيرات أكثر روعة.
+
+
+ 
+
+ `,
+ text7: `
+ فتح امتيازات مستوى الثروة
+ عند الوصول إلى المستوى 30 وما فوق، سيكون لكل دخول للغرفة تأثيرات مذهلة.
+
+
+ 
+
+ `,
}
}
\ No newline at end of file
diff --git a/view/molistar/modules/level/local/en.js b/view/molistar/modules/level/local/en.js
index 3d2325f..5a89c76 100644
--- a/view/molistar/modules/level/local/en.js
+++ b/view/molistar/modules/level/local/en.js
@@ -1,15 +1,47 @@
-// 英文
langEn = {
- // 模块
demoModule: {
- img1:'./images/wealth-en.png',
- img2:'./images/charm-en.png',
- title: 'Level Description',
- text1: 'Wealth Level',
- text2: 'Charm Level',
- text3: 'Wealth Value:',
- text4: 'Wealth Value Required for Upgrade:',
- text5: 'Charm Value:',
- text6: 'Charm Value Required for Upgrade:',
+ layerIndex1: `Loading...`,
+ layerIndex2: `Success`,
+ layerIndex3: `Network error`,
+ text1:`Level`,
+ text2:`Wealth Level`,
+ text3:`Charm Level`,
+ text4:`Wealth Value:`,
+ text5:`Wealth Value Required for upgrade:`,
+ text6:`
+ وصف مستوى الثروة
+ مستوى الجاذبية هو السمة التي تعبر عن نمو جاذبيتك الشخصية على هذه المنصة. لكل هدية تساوي 1 عملة ذهبية، تجمع نقطة جاذبية واحدة. كلما زاد مستواك، سيتغير لون شارة المستوى وفقًا لذلك!
+
+
+
+ How to upgrade
+ For every gift of 1 gold coins, you can accumulate 1 experience point. The more experience points you + accumulate, the higher your level will be.
+
+
+ Obtaining Conditions
+ 1. Users at Lv.1 and above can receive a levelbadge.
+2. Users at Lv.30 and above can unlock level privileges (room entry dazzling special effects).
+
+
+ Level lcon Description
+ The level icon will be displayed on the room screen, personal profle page, and other places.The higher + the level, the cooler the icon.
+
+ 
+
+ Wealth Level Special Selection Description
+ Wealth level includes upgrading room entry dazzling special effects. The higher the level,the cooler the + entry special effects.
+
+
+
+
+ `,
+ text7:`
+ Unlock wealth level privileges
+ Upon reaching Lv.30 and above, each room entry will have dazzling special effects.
+
+
+ 
+
+ `,
}
}
\ No newline at end of file
diff --git a/view/molistar/modules/level/local/zh.js b/view/molistar/modules/level/local/zh.js
index f914bfc..6652229 100644
--- a/view/molistar/modules/level/local/zh.js
+++ b/view/molistar/modules/level/local/zh.js
@@ -2,14 +2,45 @@
langZh = {
// 模塊
demoModule: {
- img1:'./images/wealth.png',
- img2:'./images/charm.png',
- title:'等级说明',
- text1:'财富等级',
- text2:'魅力等级',
- text3:'財富值：',
- text4:'升級所需財富值：',
- text5:'魅力值：',
- text6:'升級所需魅力值：',
+ layerIndex1: `加载中...`,
+ layerIndex2: `成功`,
+ layerIndex3: `网络错误`,
+ text1: `等級`,
+ text2: `財富等級`,
+ text3: `魅力等級`,
+ text4: `財富值：`,
+ text5: `升級所需財富值：`,
+ text6: `
+ Wealth Level Description
+ Charm level is the growth attribute of your personal charm on this platform. For every gold coins gift received, you accumulate one charmpoint. As your level increases, your level badge will change color accordingly!
+
+
+
+ 如何升級
+ 每贈送 1 金幣禮物，可累積 1 點經驗值。累積的經驗值越多，等級越高。
+
+
+ 獲得條件
+ 1. 等級達 Lv.1 及以上用戶可獲得等級徽章。
+2. 等級達 Lv.30 及以上用戶可解鎖等級特權（進房間時炫酷特效）。
+
+
+ 等級圖標描述
+ 等級圖標會顯示在房間屏幕、個人檔案頁面等位置。等級越高，圖標越酷炫。
+
+ 
+
+ 財富等級特殊選項描述
+ 財富等級包括升級房間進入炫酷特效。等級越高，進入特效越酷炫。
+
+
+
+
+ `,
+ text7: `
+ 解鎖財富等級特權
+ 達到 Lv.30 及以上時，每次進房間將有炫酷特效。
+
+
+ 
+
+ `,
}
}
\ No newline at end of file
diff --git a/view/molistar/modules/levelNew/css/index.css b/view/molistar/modules/levelNew/css/index.css
index ac0dde9..20c7ea0 100644
--- a/view/molistar/modules/levelNew/css/index.css
+++ b/view/molistar/modules/levelNew/css/index.css
@@ -4,7 +4,8 @@ body {
background: #0F0900;
}
-.back {
+html .page1 .back,
+body .page1 .back {
width: 10rem;
height: 6.96rem;
position: fixed;
@@ -17,7 +18,8 @@ body {
background-size: 100% 100%;
}
-.back .backIcon {
+html .page1 .back .backIcon,
+body .page1 .back .backIcon {
width: 0.58667rem;
height: 0.58667rem;
position: absolute;
@@ -26,7 +28,8 @@ body {
z-index: 2;
}
-.back .tab {
+html .page1 .back .tab,
+body .page1 .back .tab {
width: 80%;
height: 0.64rem;
line-height: 0.64rem;
@@ -42,17 +45,20 @@ body {
z-index: 2;
}
-.back .tab div {
+html .page1 .back .tab div,
+body .page1 .back .tab div {
width: 50%;
text-align: center;
}
-.back .tab .act {
+html .page1 .back .tab .act,
+body .page1 .back .tab .act {
color: #fff;
font-weight: 500;
}
-.back .myInfo {
+html .page1 .back .myInfo,
+body .page1 .back .myInfo {
width: 9.02667rem;
height: 4.57333rem;
background: url(../images/myInfoBg.png) no-repeat;
@@ -61,7 +67,8 @@ body {
position: relative;
}
-.back .myInfo .tx {
+html .page1 .back .myInfo .tx,
+body .page1 .back .myInfo .tx {
width: 1.68rem;
height: 1.68rem;
border-radius: 50%;
@@ -70,7 +77,8 @@ body {
left: 0.56rem;
}
-.back .myInfo .top {
+html .page1 .back .myInfo .top,
+body .page1 .back .myInfo .top {
position: absolute;
top: 0.90667rem;
left: 2.48rem;
@@ -79,20 +87,23 @@ body {
width: 3rem;
}
-.back .myInfo .top .level {
+html .page1 .back .myInfo .top .level,
+body .page1 .back .myInfo .top .level {
color: #613B00;
font-size: 0.48rem;
font-weight: 600;
display: inline-block;
}
-.back .myInfo .top .levelIcon {
+html .page1 .back .myInfo .top .levelIcon,
+body .page1 .back .myInfo .top .levelIcon {
display: inline-block;
width: 1.30667rem;
height: 0.66667rem;
}
-.back .myInfo .bootom {
+html .page1 .back .myInfo .bootom,
+body .page1 .back .myInfo .bootom {
position: absolute;
left: 2.48rem;
font-size: 0.34667rem;
@@ -101,7 +112,8 @@ body {
top: 1.70667rem;
}
-.back .myInfo .lineBox {
+html .page1 .back .myInfo .lineBox,
+body .page1 .back .myInfo .lineBox {
width: 7.92rem;
height: 0.16rem;
border-radius: 0.16rem;
@@ -112,8 +124,9 @@ body {
transform: translateX(-50%);
}
-.back .myInfo .lineBox .line {
- width: 5%;
+html .page1 .back .myInfo .lineBox .line,
+body .page1 .back .myInfo .lineBox .line {
+ width: 0%;
height: 100%;
position: absolute;
top: 0;
@@ -122,7 +135,8 @@ body {
border-radius: 0.16rem;
}
-.back .myInfo .lineBox .thisLevel {
+html .page1 .back .myInfo .lineBox .thisLevel,
+body .page1 .back .myInfo .lineBox .thisLevel {
color: #613B00;
font-size: 0.32rem;
font-weight: 500;
@@ -131,12 +145,14 @@ body {
top: -0.50667rem;
}
-.back .myInfo .lineBox .thisLevel b {
+html .page1 .back .myInfo .lineBox .thisLevel b,
+body .page1 .back .myInfo .lineBox .thisLevel b {
font-size: 0.32rem;
font-weight: 500;
}
-.back .myInfo .lineBox .nextLevel {
+html .page1 .back .myInfo .lineBox .nextLevel,
+body .page1 .back .myInfo .lineBox .nextLevel {
color: #613B00;
font-size: 0.32rem;
font-weight: 500;
@@ -145,12 +161,14 @@ body {
top: -0.50667rem;
}
-.back .myInfo .lineBox .nextLevel b {
+html .page1 .back .myInfo .lineBox .nextLevel b,
+body .page1 .back .myInfo .lineBox .nextLevel b {
font-size: 0.32rem;
font-weight: 500;
}
-.back .myInfo p {
+html .page1 .back .myInfo p,
+body .page1 .back .myInfo p {
text-align: center;
color: #613B00;
font-size: 0.32rem;
@@ -161,3 +179,130 @@ body {
transform: translateX(-50%);
top: 3.44rem;
}
+
+html .page1 .rule,
+body .page1 .rule {
+ width: 100%;
+ margin-top: 7.3rem;
+}
+
+html .page1 .rule .ruleText,
+body .page1 .rule .ruleText {
+ width: 9.2rem;
+ padding: 0.98667rem 0.32rem 0.42667rem;
+ position: relative;
+ background: linear-gradient(180deg, #432405 0%, #201201 100%);
+ border: 0.01333rem solid #C98853;
+ border-radius: 0.26667rem;
+ margin: 0 auto 0.50667rem;
+ box-sizing: border-box;
+}
+
+html .page1 .rule .ruleText .title,
+body .page1 .rule .ruleText .title {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ padding: 0rem 0.45333rem;
+ text-align: center;
+ color: #3E2000;
+ height: 0.69333rem;
+ line-height: 0.64rem;
+ background: linear-gradient(270deg, #FFB761 0%, #FFE8CC 47%, #FFB761 100%);
+ border-top-left-radius: 0rem;
+ border-top-right-radius: 0rem;
+ border-bottom-left-radius: 0.26667rem;
+ border-bottom-right-radius: 0.26667rem;
+ font-size: 0.37333rem;
+ font-weight: 500;
+ white-space: nowrap;
+}
+
+html .page1 .rule .ruleText p,
+body .page1 .rule .ruleText p {
+ color: #FCD19D;
+ font-weight: 400;
+ font-size: 0.34667rem;
+ line-height: 0.48rem;
+}
+
+html .page1 .rule .ruleText img,
+body .page1 .rule .ruleText img {
+ display: block;
+ margin: 0.37333rem auto 0rem;
+ width: 8.56rem;
+}
+
+html .page1 .rule .ruleText .img2,
+body .page1 .rule .ruleText .img2 {
+ width: 7.14667rem;
+ margin: 0.37333rem 0 0 0;
+}
+
+html .page2 .back,
+body .page2 .back {
+ background: url(../images/top2.png) no-repeat;
+ background-size: 100% 100%;
+}
+
+html .page2 .back .myInfo,
+body .page2 .back .myInfo {
+ background: url(../images/myInfoBg2.png) no-repeat;
+ background-size: 100% 100%;
+}
+
+html .page2 .back .myInfo .top .level,
+body .page2 .back .myInfo .top .level {
+ color: #571E6D;
+}
+
+html .page2 .back .myInfo .bootom,
+body .page2 .back .myInfo .bootom {
+ color: #571E6D;
+}
+
+html .page2 .back .myInfo .lineBox .line,
+body .page2 .back .myInfo .lineBox .line {
+ background: linear-gradient(90deg, #A964FF 0%, #CC99FF 98%);
+}
+
+html .page2 .back .myInfo .lineBox .thisLevel,
+body .page2 .back .myInfo .lineBox .thisLevel {
+ color: #571E6D;
+}
+
+html .page2 .back .myInfo .lineBox .nextLevel,
+body .page2 .back .myInfo .lineBox .nextLevel {
+ color: #571E6D;
+}
+
+html .page2 .back .myInfo p,
+body .page2 .back .myInfo p {
+ color: #571E6D;
+}
+
+html .page2 .rule2,
+body .page2 .rule2 {
+ display: none;
+}
+
+html .page2 .rule2 .ruleText,
+body .page2 .rule2 .ruleText {
+ background: linear-gradient(180deg, #220543 0%, #160120 100%);
+ border: 0.01333rem solid #7E53C9;
+}
+
+html .page2 .rule2 .ruleText .title,
+body .page2 .rule2 .ruleText .title {
+ background: linear-gradient(270deg, #D0B1FF 3%, #F8F4FF 47%, #D0B1FF 100%);
+}
+
+html .page2 .rule2 .ruleText p,
+body .page2 .rule2 .ruleText p {
+ color: #E7B8FF;
+}
+
+.rule2 {
+ display: none;
+}
diff --git a/view/molistar/modules/levelNew/css/index.scss b/view/molistar/modules/levelNew/css/index.scss
index 1aca506..8a0423b 100644
--- a/view/molistar/modules/levelNew/css/index.scss
+++ b/view/molistar/modules/levelNew/css/index.scss
@@ -6,162 +6,282 @@ html,
body {
width: 100%;
background: #0F0900;
-}
-.back {
- width: px2rem(750);
- height: px2rem(522);
- position: fixed;
- left: 50%;
- transform: translateX(-50%);
- top: px2rem(0);
- z-index: 10;
- overflow: hidden;
- background: url(../images/top.png) no-repeat;
- background-size: 100% 100%;
-
- .backIcon {
- width: px2rem(44);
- height: px2rem(44);
- position: absolute;
- left: px2rem(30);
- top: px2rem(110);
- z-index: 2;
- }
-
- .tab {
- width: 80%;
- height: px2rem(48);
- line-height: px2rem(48);
- display: flex;
- justify-content: space-between;
- position: absolute;
- top: px2rem(102);
- left: 50%;
- transform: translateX(-50%);
- color: rgba(255, 255, 255, .5);
- font-size: px2rem(34);
- font-weight: 400;
- z-index: 2;
-
- div {
- width: 50%;
- text-align: center;
- }
-
- .act {
- color: #fff;
- font-weight: 500;
- }
- }
-
- .myInfo {
- width: px2rem(677);
- height: px2rem(343);
- background: url(../images/myInfoBg.png) no-repeat;
- background-size: 100% 100%;
- margin: px2rem(180) auto;
- position: relative;
-
- .tx {
- width: px2rem(126);
- height: px2rem(126);
- border-radius: 50%;
- position: absolute;
- top: px2rem(54);
- left: px2rem(42);
- }
-
- .top {
- position: absolute;
- top: px2rem(68);
- left: px2rem(186);
- height: px2rem(50);
- line-height: px2rem(50);
- width: 3rem;
-
- .level {
- color: #613B00;
- font-size: px2rem(36);
- font-weight: 600;
- display: inline-block;
- }
-
- .levelIcon {
- display: inline-block;
- width: px2rem(98);
- height: px2rem(50);
- }
- }
-
- .bootom {
- position: absolute;
- left: px2rem(186);
- font-size: px2rem(26);
- color: #613B00;
- font-weight: 500;
- top: px2rem(128);
- }
-
- .lineBox {
- width: px2rem(594);
- height: px2rem(12);
- border-radius: px2rem(12);
- background: #fff;
- position: absolute;
- top: px2rem(234);
+ .page1 {
+ .back {
+ width: px2rem(750);
+ height: px2rem(522);
+ position: fixed;
left: 50%;
transform: translateX(-50%);
+ top: px2rem(0);
+ z-index: 10;
+ overflow: hidden;
+ background: url(../images/top.png) no-repeat;
+ background-size: 100% 100%;
- .line {
- width: 5%;
- height: 100%;
+ .backIcon {
+ width: px2rem(44);
+ height: px2rem(44);
position: absolute;
- top: 0;
- left: 0;
- background: linear-gradient(90deg, #FFA01E 0%, #FFC16C 100%);
- border-radius: px2rem(12);
+ left: px2rem(30);
+ top: px2rem(110);
+ z-index: 2;
}
- .thisLevel {
- color: #613B00;
- font-size: px2rem(24);
- font-weight: 500;
+ .tab {
+ width: 80%;
+ height: px2rem(48);
+ line-height: px2rem(48);
+ display: flex;
+ justify-content: space-between;
position: absolute;
- left: 0;
- top: px2rem(-38);
+ top: px2rem(102);
+ left: 50%;
+ transform: translateX(-50%);
+ color: rgba(255, 255, 255, .5);
+ font-size: px2rem(34);
+ font-weight: 400;
+ z-index: 2;
- b {
- font-size: px2rem(24);
+ div {
+ width: 50%;
+ text-align: center;
+ }
+
+ .act {
+ color: #fff;
font-weight: 500;
}
}
- .nextLevel {
- color: #613B00;
- font-size: px2rem(24);
- font-weight: 500;
- position: absolute;
- right: 0;
- top: px2rem(-38);
+ .myInfo {
+ width: px2rem(677);
+ height: px2rem(343);
+ background: url(../images/myInfoBg.png) no-repeat;
+ background-size: 100% 100%;
+ margin: px2rem(180) auto;
+ position: relative;
- b {
- font-size: px2rem(24);
+ .tx {
+ width: px2rem(126);
+ height: px2rem(126);
+ border-radius: 50%;
+ position: absolute;
+ top: px2rem(54);
+ left: px2rem(42);
+ }
+
+ .top {
+ position: absolute;
+ top: px2rem(68);
+ left: px2rem(186);
+ height: px2rem(50);
+ line-height: px2rem(50);
+ width: 3rem;
+
+ .level {
+ color: #613B00;
+ font-size: px2rem(36);
+ font-weight: 600;
+ display: inline-block;
+ }
+
+ .levelIcon {
+ display: inline-block;
+ width: px2rem(98);
+ height: px2rem(50);
+ }
+ }
+
+ .bootom {
+ position: absolute;
+ left: px2rem(186);
+ font-size: px2rem(26);
+ color: #613B00;
font-weight: 500;
+ top: px2rem(128);
+ }
+
+ .lineBox {
+ width: px2rem(594);
+ height: px2rem(12);
+ border-radius: px2rem(12);
+ background: #fff;
+ position: absolute;
+ top: px2rem(234);
+ left: 50%;
+ transform: translateX(-50%);
+
+ .line {
+ width: 0%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: linear-gradient(90deg, #FFA01E 0%, #FFC16C 100%);
+ border-radius: px2rem(12);
+ }
+
+ .thisLevel {
+ color: #613B00;
+ font-size: px2rem(24);
+ font-weight: 500;
+ position: absolute;
+ left: 0;
+ top: px2rem(-38);
+
+ b {
+ font-size: px2rem(24);
+ font-weight: 500;
+ }
+ }
+
+ .nextLevel {
+ color: #613B00;
+ font-size: px2rem(24);
+ font-weight: 500;
+ position: absolute;
+ right: 0;
+ top: px2rem(-38);
+
+ b {
+ font-size: px2rem(24);
+ font-weight: 500;
+ }
+ }
+ }
+
+ p {
+ text-align: center;
+ color: #613B00;
+ font-size: px2rem(24);
+ font-weight: px2rem(400);
+ width: 100%;
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+ top: px2rem(258);
}
}
}
- p {
- text-align: center;
- color: #613B00;
- font-size: px2rem(24);
- font-weight: px2rem(400);
+ .rule {
width: 100%;
- position: absolute;
- left: 50%;
- transform: translateX(-50%);
- top: px2rem(258);
+ margin-top: 7.3rem;
+ // display: none;
+ .ruleText {
+ width: px2rem(690);
+ padding: px2rem(74) px2rem(24) px2rem(32);
+ position: relative;
+ background: linear-gradient(180deg, #432405 0%, #201201 100%);
+ border: px2rem(1) solid #C98853;
+ border-radius: px2rem(20);
+ margin: 0 auto px2rem(38);
+ box-sizing: border-box;
+
+ .title {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ padding: px2rem(0) px2rem(34);
+ text-align: center;
+ color: #3E2000;
+ height: px2rem(52);
+ line-height: px2rem(48);
+ background: linear-gradient(270deg, #FFB761 0%, #FFE8CC 47%, #FFB761 100%);
+ border-top-left-radius: px2rem(0);
+ border-top-right-radius: px2rem(0);
+ border-bottom-left-radius: px2rem(20);
+ border-bottom-right-radius: px2rem(20);
+ font-size: px2rem(28);
+ font-weight: 500;
+ white-space: nowrap;
+ }
+
+ p {
+ color: #FCD19D;
+ font-weight: 400;
+ font-size: px2rem(26);
+ line-height: px2rem(36);
+ }
+
+ img {
+ display: block;
+ margin: px2rem(28) auto px2rem(0);
+ width: px2rem(642);
+ }
+
+ .img2 {
+ width: px2rem(536);
+ margin: px2rem(28) 0 0 0;
+ }
+ }
}
}
+
+ .page2 {
+ .back {
+ background: url(../images/top2.png) no-repeat;
+ background-size: 100% 100%;
+
+ .myInfo {
+ background: url(../images/myInfoBg2.png) no-repeat;
+ background-size: 100% 100%;
+
+ .tx {}
+
+ .top {
+
+ .level {
+ color: #571E6D;
+ }
+ }
+
+ .bootom {
+ color: #571E6D;
+ }
+
+ .lineBox {
+
+ .line {
+ background: linear-gradient(90deg, #A964FF 0%, #CC99FF 98%);
+ }
+
+ .thisLevel {
+ color: #571E6D;
+ }
+
+ .nextLevel {
+ color: #571E6D;
+ }
+ }
+
+ p {
+ color: #571E6D;
+ }
+ }
+ }
+
+ .rule2 {
+ display: none;
+
+ .ruleText {
+ background: linear-gradient(180deg, #220543 0%, #160120 100%);
+ border: px2rem(1) solid #7E53C9;
+
+ .title {
+ background: linear-gradient(270deg, #D0B1FF 3%, #F8F4FF 47%, #D0B1FF 100%);
+ }
+
+ p {
+ color: #E7B8FF;
+ }
+ }
+ }
+ }
+}
+.rule2{
+ display: none;
}
\ No newline at end of file
diff --git a/view/molistar/modules/levelNew/images/img3-ar.png b/view/molistar/modules/levelNew/images/img3-ar.png
new file mode 100644
index 0000000..7e1dac3
Binary files /dev/null and b/view/molistar/modules/levelNew/images/img3-ar.png differ
diff --git a/view/molistar/modules/levelNew/images/img3-zh.png b/view/molistar/modules/levelNew/images/img3-zh.png
new file mode 100644
index 0000000..fac6e02
Binary files /dev/null and b/view/molistar/modules/levelNew/images/img3-zh.png differ
diff --git a/view/molistar/modules/levelNew/images/img3.png b/view/molistar/modules/levelNew/images/img3.png
new file mode 100644
index 0000000..78ac5ef
Binary files /dev/null and b/view/molistar/modules/levelNew/images/img3.png differ
diff --git a/view/molistar/modules/levelNew/images/leve1-ar.png b/view/molistar/modules/levelNew/images/leve1-ar.png
new file mode 100644
index 0000000..4c21f59
Binary files /dev/null and b/view/molistar/modules/levelNew/images/leve1-ar.png differ
diff --git a/view/molistar/modules/levelNew/images/leve1-zh.png b/view/molistar/modules/levelNew/images/leve1-zh.png
new file mode 100644
index 0000000..3da490b
Binary files /dev/null and b/view/molistar/modules/levelNew/images/leve1-zh.png differ
diff --git a/view/molistar/modules/levelNew/images/leve1.png b/view/molistar/modules/levelNew/images/leve1.png
new file mode 100644
index 0000000..aecd830
Binary files /dev/null and b/view/molistar/modules/levelNew/images/leve1.png differ
diff --git a/view/molistar/modules/levelNew/images/leve2.png b/view/molistar/modules/levelNew/images/leve2.png
new file mode 100644
index 0000000..479ddce
Binary files /dev/null and b/view/molistar/modules/levelNew/images/leve2.png differ
diff --git a/view/molistar/modules/levelNew/images/myInfoBg.png b/view/molistar/modules/levelNew/images/myInfoBg.png
index f0bcc7c..81a1209 100644
Binary files a/view/molistar/modules/levelNew/images/myInfoBg.png and b/view/molistar/modules/levelNew/images/myInfoBg.png differ
diff --git a/view/molistar/modules/levelNew/images/myInfoBg2.png b/view/molistar/modules/levelNew/images/myInfoBg2.png
new file mode 100644
index 0000000..0616548
Binary files /dev/null and b/view/molistar/modules/levelNew/images/myInfoBg2.png differ
diff --git a/view/molistar/modules/levelNew/images/null.png b/view/molistar/modules/levelNew/images/null.png
index 7c2c4ae..ada4e31 100644
Binary files a/view/molistar/modules/levelNew/images/null.png and b/view/molistar/modules/levelNew/images/null.png differ
diff --git a/view/molistar/modules/levelNew/images/top.png b/view/molistar/modules/levelNew/images/top.png
index 2e2fd4d..24c93ce 100644
Binary files a/view/molistar/modules/levelNew/images/top.png and b/view/molistar/modules/levelNew/images/top.png differ
diff --git a/view/molistar/modules/levelNew/images/top2.png b/view/molistar/modules/levelNew/images/top2.png
new file mode 100644
index 0000000..52bf2da
Binary files /dev/null and b/view/molistar/modules/levelNew/images/top2.png differ
diff --git a/view/molistar/modules/levelNew/index.html b/view/molistar/modules/levelNew/index.html
index b547198..8eac719 100644
--- a/view/molistar/modules/levelNew/index.html
+++ b/view/molistar/modules/levelNew/index.html
@@ -4,18 +4,18 @@
- 財富等級描述
+ 魅力等級是您在此平台上的個人魅力成長屬性。每收到 1 金幣禮物，可累積 1 魅力值。隨著等級提升，等級徽章的顏色將相應改變！
+
+
-
Wealth Level
- Charm Level
+
+
@@ -24,15 +24,22 @@
![]()
- LV.0
Wealth Value:14380162
+ 0
LV.0
LV.0
Wealth Value Required for upgrade:267338
+0
+
+
+
+
+
diff --git a/view/molistar/modules/levelNew/js/index.js b/view/molistar/modules/levelNew/js/index.js
index 244fba2..2590ccd 100644
--- a/view/molistar/modules/levelNew/js/index.js
+++ b/view/molistar/modules/levelNew/js/index.js
@@ -28,6 +28,8 @@ const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time
skin: 'msg'
})
}
+var userExper;
+var userCharm;
// 初始化函數
$(function () {
getInfoFromClient();
@@ -61,6 +63,12 @@ function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
$('.text1').text(langReplace(localLang.demoModule.text1));
+ $('.text2').text(langReplace(localLang.demoModule.text2));
+ $('.text3').text(langReplace(localLang.demoModule.text3));
+ $('.text4').text(langReplace(localLang.demoModule.text4));
+ $('.text5').text(langReplace(localLang.demoModule.text5));
+ $('.text6').html(langReplace(localLang.demoModule.text6));
+ $('.text7').html(langReplace(localLang.demoModule.text7));
}
// 配置接口
function getUserExper() {
@@ -71,6 +79,8 @@ function getUserExper() {
data: { uid: pubInfo.uid, ticket: pubInfo.ticket },
success(res) {
if (res.code === 200) {
+ userExper = res.data;
+ dataFun(1);
} else {
toastMsg(res.message)
}
@@ -91,7 +101,7 @@ function getUserCharm() {
data: { uid: pubInfo.uid, ticket: pubInfo.ticket },
success(res) {
if (res.code === 200) {
-
+ userCharm = res.data;
} else {
toastMsg(res.message)
}
@@ -102,4 +112,47 @@ function getUserCharm() {
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
-}
\ No newline at end of file
+}
+function dataFun(type) {
+ if (type == 1) {
+ $('.myInfo .tx').attr('src', userExper.avatar);
+ $('.myInfo .levelIcon').attr('src', userExper.userLevelExperience.levelExperience.url1);
+ $('.myInfo .level b').text(userExper.userLevelExperience.levelExperience.levelSeq);
+ $('.myInfo .bootom strong').text(userExper.userLevelExperience.amount);
+
+ var amount = userExper.userLevelExperience.nextLevelExperience.amount - userExper.userLevelExperience.levelExperience.amount;
+ $('.myInfo p strong').text(userExper.userLevelExperience.levelExperience.levelSeq >= 100 ? '∞' : amount);
+
+ $('.myInfo .lineBox .thisLevel b').text(userExper.userLevelExperience.levelExperience.levelSeq);
+ $('.myInfo .lineBox .nextLevel b').text(userExper.userLevelExperience.levelExperience.levelSeq >= 100 ? 100 : userExper.userLevelExperience.nextLevelExperience.levelSeq);
+ var cssNum = userExper.userLevelExperience.levelExperience.levelSeq >= 100 ? 100 : (userExper.userLevelExperience.levelExperience.amount / userExper.userLevelExperience.nextLevelExperience.amount) * 100;
+ $('.lineBox .line').css('width', cssNum + '%');
+ } else {
+ $('.myInfo .tx').attr('src', userCharm.avatar);
+ $('.myInfo .levelIcon').attr('src', userCharm.userLevelCharm.levelCharm.url1);
+ $('.myInfo .level b').text(userCharm.userLevelCharm.levelCharm.levelSeq);
+ $('.myInfo .bootom strong').text(userCharm.userLevelCharm.amount);
+
+ var amount = userCharm.userLevelCharm.nextLevelCharm.amount - userCharm.userLevelCharm.levelCharm.amount;
+ $('.myInfo p strong').text(userCharm.userLevelCharm.levelCharm.levelSeq >= 100 ? '∞' : amount);
+
+ $('.myInfo .lineBox .thisLevel b').text(userCharm.userLevelCharm.levelCharm.levelSeq);
+ $('.myInfo .lineBox .nextLevel b').text(userCharm.userLevelCharm.levelCharm.levelSeq >= 100 ? 100 : userCharm.userLevelCharm.nextLevelCharm.levelSeq);
+ var cssNum = userCharm.userLevelCharm.levelCharm.levelSeq >= 100 ? 100 : (userCharm.userLevelCharm.levelCharm.amount / userCharm.userLevelCharm.nextLevelCharm.amount) * 100;
+ $('.lineBox .line').css('width', cssNum + '%');
+ }
+
+}
+// 切换
+$('.back .tab div').click(function () {
+ var i = $(this).index() + 1;
+ $(this).addClass('act').siblings().removeClass('act');;
+ if (i == 1) {
+ $('body').removeClass('page2');
+ } else {
+ $('body').addClass('page2');
+ }
+ $('.rule1,.rule2').hide();
+ $(`.rule${i}`).show()
+ dataFun(i);
+})
\ No newline at end of file
diff --git a/view/molistar/modules/levelNew/local/ar.js b/view/molistar/modules/levelNew/local/ar.js
index a5a200f..b5fe6f4 100644
--- a/view/molistar/modules/levelNew/local/ar.js
+++ b/view/molistar/modules/levelNew/local/ar.js
@@ -5,5 +5,42 @@ langAr = {
layerIndex1: `جاري التحميل...`,
layerIndex2: `نجاح`,
layerIndex3: `خطأ في الشبكة`,
+ text1: `المستوى`,
+ text2: `مستوى الثروة`,
+ text3: `مستوى الجاذبية`,
+ text4: `قيمة الثروة:`,
+ text5: `قيمة الثروة المطلوبة للترقية:`,
+ text6: `
+
+
+ كيفية الترقية
+ لكل هدية تساوي 1 عملة ذهبية، يمكنك جمع نقطة خبرة واحدة. كلما زادت نقاط الخبرة التي تجمعها، زاد مستواك.
+
+
+ شروط الحصول
+ 1. يمكن للمستخدمين من المستوى 1 وما فوق الحصول على شارة المستوى.
+2. يمكن للمستخدمين من المستوى 30 وما فوق فتح امتيازات المستوى (تأثيرات دخول مذهلة للغرفة).
+
+
+ وصف رمز المستوى
+ سيتم عرض رمز المستوى على شاشة الغرفة وصفحة الملف الشخصي وأماكن أخرى. كلما كان المستوى أعلى، كلما كان الرمز أكثر روعة.
+
+
+
+ وصف اختيار مستوى الثروة الخاص
+ يشمل مستوى الثروة ترقية تأثيرات دخول الغرفة المذهلة. كلما كان المستوى أعلى، كانت التأثيرات أكثر روعة.
+
+
+
+
+ `,
+ text7: `
+ فتح امتيازات مستوى الثروة
+ عند الوصول إلى المستوى 30 وما فوق، سيكون لكل دخول للغرفة تأثيرات مذهلة.
+
+
+
+
+ `,
}
}
\ No newline at end of file
diff --git a/view/molistar/modules/levelNew/local/en.js b/view/molistar/modules/levelNew/local/en.js
index ad9cd99..5a89c76 100644
--- a/view/molistar/modules/levelNew/local/en.js
+++ b/view/molistar/modules/levelNew/local/en.js
@@ -3,5 +3,45 @@ langEn = {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
layerIndex3: `Network error`,
+ text1:`Level`,
+ text2:`Wealth Level`,
+ text3:`Charm Level`,
+ text4:`Wealth Value:`,
+ text5:`Wealth Value Required for upgrade:`,
+ text6:`
+ وصف مستوى الثروة
+ مستوى الجاذبية هو السمة التي تعبر عن نمو جاذبيتك الشخصية على هذه المنصة. لكل هدية تساوي 1 عملة ذهبية، تجمع نقطة جاذبية واحدة. كلما زاد مستواك، سيتغير لون شارة المستوى وفقًا لذلك!
+
+
+
+ How to upgrade
+ For every gift of 1 gold coins, you can accumulate 1 experience point. The more experience points you + accumulate, the higher your level will be.
+
+
+ Obtaining Conditions
+ 1. Users at Lv.1 and above can receive a levelbadge.
+2. Users at Lv.30 and above can unlock level privileges (room entry dazzling special effects).
+
+
+ Level lcon Description
+ The level icon will be displayed on the room screen, personal profle page, and other places.The higher + the level, the cooler the icon.
+
+
+
+ Wealth Level Special Selection Description
+ Wealth level includes upgrading room entry dazzling special effects. The higher the level,the cooler the + entry special effects.
+
+
+
+
+ `,
+ text7:`
+ Unlock wealth level privileges
+ Upon reaching Lv.30 and above, each room entry will have dazzling special effects.
+
+
+
+
+ `,
}
}
\ No newline at end of file
diff --git a/view/molistar/modules/levelNew/local/zh.js b/view/molistar/modules/levelNew/local/zh.js
index 9f26e52..6652229 100644
--- a/view/molistar/modules/levelNew/local/zh.js
+++ b/view/molistar/modules/levelNew/local/zh.js
@@ -5,5 +5,42 @@ langZh = {
layerIndex1: `加载中...`,
layerIndex2: `成功`,
layerIndex3: `网络错误`,
+ text1: `等級`,
+ text2: `財富等級`,
+ text3: `魅力等級`,
+ text4: `財富值：`,
+ text5: `升級所需財富值：`,
+ text6: `
+ Wealth Level Description
+ Charm level is the growth attribute of your personal charm on this platform. For every gold coins gift received, you accumulate one charmpoint. As your level increases, your level badge will change color accordingly!
+
+
+
+ 如何升級
+ 每贈送 1 金幣禮物，可累積 1 點經驗值。累積的經驗值越多，等級越高。
+
+
+ 獲得條件
+ 1. 等級達 Lv.1 及以上用戶可獲得等級徽章。
+2. 等級達 Lv.30 及以上用戶可解鎖等級特權（進房間時炫酷特效）。
+
+
+ 等級圖標描述
+ 等級圖標會顯示在房間屏幕、個人檔案頁面等位置。等級越高，圖標越酷炫。
+
+
+
+ 財富等級特殊選項描述
+ 財富等級包括升級房間進入炫酷特效。等級越高，進入特效越酷炫。
+
+
+
+
+ `,
+ text7: `
+ 解鎖財富等級特權
+ 達到 Lv.30 及以上時，每次進房間將有炫酷特效。
+
+
+
+
+ `,
}
}
\ No newline at end of file
財富等級描述
+ 魅力等級是您在此平台上的個人魅力成長屬性。每收到 1 金幣禮物，可累積 1 魅力值。隨著等級提升，等級徽章的顏色將相應改變！
+
+