@jx3box/jx3box-ui 2.0.4 → 2.0.6

package/src/header/client.vue

@@ -25,7 +25,7 @@
             role="menu"
         >
             <div class="px-3 py-2 text-[10px] text-gray-500 uppercase tracking-widest border-b border-gray-800 mb-1">
-                {{ $jx3boxT("jx3boxUi.header.chooseGameVersion", "选择游戏版本") }}
+                {{ $jx3boxT("jx3boxUi.commonHeader.chooseGameVersion", "选择游戏版本") }}
             </div>
 
             <!-- 剑网3 -->
@@ -45,13 +45,13 @@
                             class="w-4 h-4"
                             svg-inline
                             src="../../assets/img/common/jx3-www.svg"
-                            :alt="$jx3boxT('jx3boxUi.header.jx3Full', '剑网3 / 无界')"
+                            :alt="$jx3boxT('jx3boxUi.commonHeader.jx3Full', '剑网3 / 无界')"
                         />
                         <!-- <Jx3Icon class="w-4 h-4" /> -->
                     </span>
                     <div>
                         <div class="text-sm font-bold text-gray-200 group-hover/item:text-white">
-                            {{ $jx3boxT("jx3boxUi.header.jx3Full", "剑网3 / 无界") }}
+                            {{ $jx3boxT("jx3boxUi.commonHeader.jx3Full", "剑网3 / 无界") }}
                         </div>
                         <div class="text-[10px] text-gray-500 group-hover/item:text-indigo-200">www.jx3box.com</div>
                     </div>
@@ -79,13 +79,13 @@
                             class="w-4 h-4"
                             svg-inline
                             src="../../assets/img/common/jx3-origin.svg"
-                            :alt="$jx3boxT('jx3boxUi.header.originFull', '剑网3·缘起')"
+                            :alt="$jx3boxT('jx3boxUi.commonHeader.originFull', '剑网3·缘起')"
                         />
                         <!-- <OriginIcon class="w-4 h-4" /> -->
                     </span>
                     <div>
                         <div class="text-sm font-bold text-gray-200 group-hover/item:text-white">
-                            {{ $jx3boxT("jx3boxUi.header.originFull", "剑网3·缘起") }}
+                            {{ $jx3boxT("jx3boxUi.commonHeader.originFull", "剑网3·缘起") }}
                         </div>
                         <div class="text-[10px] text-gray-500 group-hover/item:text-indigo-200">origin.jx3box.com</div>
                     </div>
@@ -121,8 +121,8 @@ export default {
     computed: {
         currentGameLabel: function () {
             return this.activeKey === "origin"
-                ? this.$jx3boxT("jx3boxUi.header.originShort", "缘起")
-                : this.$jx3boxT("jx3boxUi.header.jx3Short", "剑网3");
+                ? this.$jx3boxT("jx3boxUi.commonHeader.originShort", "缘起")
+                : this.$jx3boxT("jx3boxUi.commonHeader.jx3Short", "剑网3");
         },
     },
     watch: {

package/src/header/lang.vue

@@ -5,7 +5,7 @@
                 class="u-icon"
                 svg-inline
                 src="../../assets/img/common/lang.svg"
-                :alt="$jx3boxT('jx3boxUi.header.langSwitch', '语言切换')"
+                :alt="$jx3boxT('jx3boxUi.commonHeader.langSwitch', '语言切换')"
             />
         </span>
         <ul class="u-menu u-pop-content">
@@ -25,6 +25,8 @@
 // import langIcon from "@/assets/img/components/common/header/lang.svg";
 import { getJx3boxUiAvailableLocales, setJx3boxUiLocale } from "../../i18n";
 import i18nMixin from "../../i18n/mixin";
+import User from "@jx3box/jx3box-common/js/user";
+import { getUserConfig, setUserConfig } from "../../service/cms";
 
 function normalizeLocaleKey(key) {
     if (!key) return null;
@@ -41,6 +43,11 @@ export default {
     components: {
         // langIcon,
     },
+    computed: {
+        isLogin() {
+            return User.isLogin();
+        }
+    },
     data() {
         const supported = getJx3boxUiAvailableLocales();
         return {
@@ -70,10 +77,7 @@ export default {
         };
     },
     mounted() {
-        const lang = localStorage.getItem("lang") || "zh-cn";
-        this.currentLang = lang;
-        const normalized = normalizeLocaleKey(lang);
-        normalized && setJx3boxUiLocale(normalized);
+        this.init();
     },
     methods: {
         onLangChange({ disabled, key }) {
@@ -85,8 +89,39 @@ export default {
             if (!normalized) return;
 
             const ok = setJx3boxUiLocale(normalized);
-            if (ok) location.reload();
+            if (ok) {
+                if (this.isLogin) {
+                    setUserConfig({ default_lang: key }).then(() => {
+                        location.reload();
+                    });
+                } else {
+                    location.reload();
+                }
+            }
         },
+        init() {
+            if (!this.isLogin) {
+                const lang = localStorage.getItem("lang") || "zh-cn";
+                this.currentLang = lang;
+                const normalized = normalizeLocaleKey(lang);
+                normalized && setJx3boxUiLocale(normalized);
+            } else {
+                const lang = localStorage.getItem("lang");
+                if (lang) {
+                    this.currentLang = lang;
+                    const normalized = normalizeLocaleKey(lang);
+                    normalized && setJx3boxUiLocale(normalized);
+                } else {
+                    getUserConfig({ key: "default_lang" }).then((res) => {
+                        const defaultLang = res || "zh-cn";
+                        this.currentLang = defaultLang;
+                        const normalized = normalizeLocaleKey(defaultLang);
+                        normalized && setJx3boxUiLocale(normalized);
+                        localStorage.setItem("lang", defaultLang);
+                    });
+                }
+            }
+        }
     },
 };
 </script>

package/src/header/logo.vue

@@ -2,12 +2,12 @@
     <div
         class="c-header-logo"
         @click="toggleBox($event)"
-        :title="$jx3boxT('jx3boxUi.header.expandBoxMatrix', '点击展开魔盒矩阵')"
+        :title="$jx3boxT('jx3boxUi.commonHeader.expandBoxMatrix', '点击展开魔盒矩阵')"
     >
         <i class="u-pic" id="c-header-logo">
             <img svg-inline src="../../assets/img/common/logo.svg" alt="JX3BOX" />
         </i>
-        <span class="u-txt" :class="{ on: isIndex }" href="/">{{ $jx3boxT("jx3boxUi.header.box", "魔盒") }}</span>
+        <span class="u-txt" :class="{ on: isIndex }" href="/">{{ $jx3boxT("jx3boxUi.commonHeader.box", "魔盒") }}</span>
     </div>
 </template>
 
@@ -30,7 +30,6 @@ export default {
     },
     computed: {},
     methods: {
-        // TODO: 主页和魔盒矩阵的切换
         // 盒子
         toggleBox: function (e) {
             e.stopPropagation();

package/src/header/manage.vue

@@ -7,7 +7,7 @@
                 class="u-add"
                 svg-inline
                 src="../../assets/img/common/manage.svg"
-                :alt="$jx3boxT('jx3boxUi.header.manageCenter', '扩展中心')"
+                :alt="$jx3boxT('jx3boxUi.commonHeader.manageCenter', '扩展中心')"
             />
         </span>
         <ul class="u-menu u-pop-content">
@@ -87,7 +87,7 @@ export default {
     },
     methods: {
         getPanelLabel(item) {
-            if (item?.key) return this.$jx3boxT(`jx3boxUi.header.panel.${item.key}`, item.label || item.key);
+            if (item?.key) return this.$jx3boxT(`jx3boxUi.commonHeader.panel.${item.key}`, item.label || item.key);
             return item?.label || "";
         },
         loadPanel: function () {

package/src/header/message.vue

@@ -2,7 +2,7 @@
     <div class="c-header-msg" id="c-header-msg">
         <el-tooltip
             effect="dark"
-            :content="$jx3boxT('jx3boxUi.header.messageCenter', '消息中心')"
+            :content="$jx3boxT('jx3boxUi.commonHeader.messageCenter', '消息中心')"
             placement="bottom"
             popper-class="c-header-tooltip"
         >
@@ -13,7 +13,7 @@
                     <img
                         svg-inline
                         src="../../assets/img/common/bell.svg"
-                        :alt="$jx3boxT('jx3boxUi.header.messageCenter', '消息中心')"
+                        :alt="$jx3boxT('jx3boxUi.commonHeader.messageCenter', '消息中心')"
                     />
                 </i>
             </a>
@@ -80,7 +80,7 @@ export default {
         border-radius: 50%;
         position: absolute;
         right: -5px;
-        top: -6px;
+        top: -2px;
         .z(1);
     }
 }

package/src/header/nav.vue

@@ -10,7 +10,7 @@
                                 :class="{ on: isFocus(item.link) }"
                                 :href="item.link"
                                 :target="isSelf(item.link)"
-                                >{{ $jx3boxT(`jx3boxUi.nav.${item.key}`, item.label) }}</a
+                                >{{ $jx3boxT(`jx3boxUi.commonHeader.nav.${item.key}`, item.label) }}</a
                             >
                             <template #dropdown>
                                 <el-dropdown-menu class="c-header-menu">
@@ -21,7 +21,7 @@
                                             class="u-menu-item"
                                         >
                                             <a :href="subitem.link" :target="isSelf(subitem.link)"
-                                                >{{ $jx3boxT(`jx3boxUi.nav.${subitem.key}`, subitem.label) }}
+                                                >{{ $jx3boxT(`jx3boxUi.commonHeader.nav.${subitem.key}`, subitem.label) }}
                                                 <span v-if="subitem.desc">{{ subitem.desc }}</span></a
                                             >
                                         </el-dropdown-item>
@@ -32,7 +32,7 @@
                     </template>
                     <template v-else>
                         <a class="u-item" :class="{ on: isFocus(item.link) }" :href="item.link">{{
-                            $jx3boxT(`jx3boxUi.nav.${item.key}`, item.label)
+                            $jx3boxT(`jx3boxUi.commonHeader.nav.${item.key}`, item.label)
                         }}</a>
                     </template>
                 </template>
@@ -41,7 +41,7 @@
         <!-- <div class="c-header-nav--pad">
             <el-menu mode="horizontal" class="c-quick-menu" :default-active="activeIndex">
                 <el-sub-menu index="quick-menu" popper-class="c-quick-menu__submenu">
-                    <template #title>快捷导航</template>
+                    <template #title>{{ $jx3boxT("jx3boxUi.nav.quickNav", "快捷导航") }}</template>
                     <template v-for="item in finalNav" :key="'header-nav-' + item.key">
                         <el-sub-menu
                             v-if="matchedClient(item.client) && item.children && item.children.length"
@@ -127,13 +127,14 @@ const activeNav = {
 import { getMenu } from "../../service/header";
 import { trimSlash } from "./utils";
 import i18nMixin from "../../i18n/mixin";
+import navData from "../../assets/data/nav.json";
 
 export default {
     mixins: [i18nMixin],
     props: {},
     data: function () {
         return {
-            nav: default_nav,
+            nav: navData,
 
             activeIndex: "",
         };
@@ -190,24 +191,25 @@ export default {
             return link.startsWith("/") ? "_self" : "_blank";
         },
         loadNav() {
-            try {
-                const nav = (sessionStorage.getItem("nav") && JSON.parse(sessionStorage.getItem("nav"))) || null;
-                if (nav) {
-                    this.nav = nav;
-                    this.syncActiveIndex();
-                } else {
-                    getMenu("nav").then((res) => {
-                        if (res.data) {
-                            this.nav = res?.data?.data?.val;
-                            sessionStorage.setItem("nav", JSON.stringify(this.nav));
-                            this.syncActiveIndex();
-                        }
-                    });
-                }
-            } catch (e) {
-                this.nav = default_nav;
-                console.log("loadNav error", e);
-            }
+            this.nav = navData;
+            // try {
+            //     const nav = (sessionStorage.getItem("nav") && JSON.parse(sessionStorage.getItem("nav"))) || null;
+            //     if (nav) {
+            //         this.nav = nav;
+            //         this.syncActiveIndex();
+            //     } else {
+            //         getMenu("nav").then((res) => {
+            //             if (res.data) {
+            //                 this.nav = res?.data?.data?.val;
+            //                 sessionStorage.setItem("nav", JSON.stringify(this.nav));
+            //                 this.syncActiveIndex();
+            //             }
+            //         });
+            //     }
+            // } catch (e) {
+            //     this.nav = default_nav;
+            //     console.log("loadNav error", e);
+            // }
         },
         trimSlash(link) {
             return trimSlash(`${this.prefix}:${link}`);
@@ -287,6 +289,7 @@ export default {
 
 .c-header-nav--pc,
 .c-header-nav--pad {
+    // .flex;
     .flex(y);
 }
 .c-header-nav--pad {

package/src/header/publish.vue

@@ -2,7 +2,7 @@
     <div class="c-header-panel" id="c-header-panel">
         <el-tooltip
             effect="dark"
-            :content="$jx3boxT('jx3boxUi.header.createCenter', '创作中心')"
+            :content="$jx3boxT('jx3boxUi.commonHeader.createCenter', '创作中心')"
             placement="bottom"
             popper-class="c-header-tooltip"
         >
@@ -12,7 +12,7 @@
                     class="u-add"
                     svg-inline
                     src="../../assets/img/common/edit.svg"
-                    :alt="$jx3boxT('jx3boxUi.header.createCenter', '创作中心')"
+                    :alt="$jx3boxT('jx3boxUi.commonHeader.createCenter', '创作中心')"
                 />
             </a>
         </el-tooltip>

package/src/header/search.vue

@@ -7,7 +7,7 @@
                     type="text"
                     autocomplete="off"
                     name="q"
-                    :placeholder="$jx3boxT('jx3boxUi.header.searchPlaceholder', '搜索..')"
+                    :placeholder="$jx3boxT('jx3boxUi.commonHeader.searchPlaceholder', '搜索..')"
                     ref="searchInput"
                 />
                 <input type="hidden" name="client" :value="client" />
@@ -16,7 +16,7 @@
                     <img
                         svg-inline
                         src="../../assets/img/common/search-key-slash.svg"
-                        :alt="$jx3boxT('jx3boxUi.header.search', '搜索')"
+                        :alt="$jx3boxT('jx3boxUi.commonHeader.search', '搜索')"
                     />
                 </i>
             </form>

package/src/header/shop.vue

@@ -2,7 +2,7 @@
     <div class="c-header-panel c-header-shop">
         <el-tooltip
             effect="dark"
-            :content="$jx3boxT('jx3boxUi.header.mallPoints', '积分商城')"
+            :content="$jx3boxT('jx3boxUi.commonHeader.mallPoints', '积分商城')"
             placement="bottom"
             popper-class="c-header-tooltip"
         >
@@ -14,7 +14,7 @@
                         class="u-icon"
                         svg-inline
                         src="../../assets/img/common/gift.svg"
-                        :alt="$jx3boxT('jx3boxUi.header.mallPoints', '积分商城')"
+                        :alt="$jx3boxT('jx3boxUi.commonHeader.mallPoints', '积分商城')"
                     />
                 </i>
             </a>

package/src/header/user.vue

@@ -30,13 +30,13 @@
             <lang />
 
             <a class="c-header-console" :href="login_url">{{
-                $jx3boxT("jx3boxUi.header.loginRegister", "登录/注册")
+                $jx3boxT("jx3boxUi.commonHeader.loginRegister", "登录/注册")
             }}</a>
 
             <!-- <div class="c-header-login">
-                <a class="u-register u-default" :href="register_url">注册</a>
+                <a class="u-register u-default" :href="register_url">{{ $jx3boxT("jx3boxUi.user.register", "注册") }}</a>
                 <em>|</em>
-                <a class="u-login u-default" :href="login_url">登录</a>
+                <a class="u-login u-default" :href="login_url">{{ $jx3boxT("jx3boxUi.user.login", "登录") }}</a>
             </div> -->
         </template>
     </div>
@@ -118,7 +118,7 @@ export default {
                             .then(() => {
                                 let msg = this.$message({
                                     type: "success",
-                                    message: this.$jx3boxT("jx3boxUi.header.signInSuccess", "签到成功"),
+                                    message: this.$jx3boxT("jx3boxUi.commonHeader.signInSuccess", "签到成功"),
                                     customClass: "c-header-signin",
                                     duration: 0,
                                 });

package/src/header/userInfo.vue

@@ -5,31 +5,29 @@
             <template v-if="isPhone">
                 <ul class="u-menu u-pop-content">
                     <li>
-                        <a href="/dashboard">{{ $jx3boxT("jx3boxUi.header.profileCenter", "个人中心") }}</a>
+                        <a href="/dashboard">{{ $jx3boxT("jx3boxUi.commonHeader.profileCenter", "个人中心") }}</a>
                     </li>
                     <li>
-                        <a :href="url.msg">{{ $jx3boxT("jx3boxUi.header.messageCenter", "消息中心") }}</a>
+                        <a :href="url.msg">{{ $jx3boxT("jx3boxUi.commonHeader.messageCenter", "消息中心") }}</a>
                     </li>
                     <li>
-                        <a :href="url.publish">{{ $jx3boxT("jx3boxUi.header.publishCenter", "发布中心") }}</a>
+                        <a :href="url.publish">{{ $jx3boxT("jx3boxUi.commonHeader.publishCenter", "发布中心") }}</a>
                     </li>
                     <hr />
                     <li v-for="item in userPanel" :key="item.label">
                         <a :href="item.link" :target="item.target || '_self'">
-                            <!-- <i :class="item.icon || 'el-icon-present'"></i> -->
                             {{ item.label }}
                         </a>
                     </li>
                     <template v-if="isTeammate">
                         <li v-for="item in adminPanel" :key="item.label">
                             <a :href="item.link" :target="item.target || '_self'">
-                                <!-- <i :class="item.icon || 'el-icon-present'"></i> -->
                                 {{ item.label }}
                             </a>
                         </li>
                     </template>
                     <li>
-                        <a @click="logout">{{ $jx3boxT("jx3boxUi.header.logout", "退出登录") }}</a>
+                        <a @click="logout">{{ $jx3boxT("jx3boxUi.commonHeader.logout", "退出登录") }}</a>
                     </li>
                 </ul>
             </template>
@@ -45,18 +43,18 @@
                                     :src="super_author_icon"
                                     class="u-superauthor-profile"
                                     alt="superauthor"
-                                    :title="$jx3boxT('jx3boxUi.header.superAuthor', '签约作者')"
+                                    :title="$jx3boxT('jx3boxUi.commonHeader.superAuthor', '签约作者')"
                                     :class="{ off: !isSuperAuthor }"
                             /></a>
                             <a
                                 class="u-vip"
                                 href="/vip/premium?from=header_usermenu"
                                 target="_blank"
-                                :title="$jx3boxT('jx3boxUi.header.proAccount', '专业版账号')"
+                                :title="$jx3boxT('jx3boxUi.commonHeader.proAccount', '专业版账号')"
                             >
                                 <i class="i-icon-vip" :class="{ on: isPRO }">{{ vipType }}</i>
                                 <span class="u-expire" v-if="isPRO">{{
-                                    $jx3boxT("jx3boxUi.header.proExpireUntil", "（有效期至：{date}）", {
+                                    $jx3boxT("jx3boxUi.commonHeader.proExpireUntil", "（有效期至：{date}）", {
                                         date: pro_expire_date,
                                     })
                                 }}</span>
@@ -64,9 +62,9 @@
                         </div>
                         <div class="u-id">
                             <span
-                                >{{ $jx3boxT("jx3boxUi.header.uidPrefix", "魔盒UID：") }}<b>{{ user.ID }}</b></span
+                                >{{ $jx3boxT("jx3boxUi.commonHeader.uidPrefix", "魔盒UID：") }}<b>{{ user.ID }}</b></span
                             >
-                            <el-icon class="el-icon-document-copy u-copy" @click.stop="copyText(user.ID)"
+                            <el-icon class="u-copy" @click.stop="copyText(user.ID)"
                                 ><DocumentCopy
                             /></el-icon>
                         </div>
@@ -74,39 +72,39 @@
 
                     <el-button-group class="u-actions">
                         <a class="el-button el-button--default is-plain" href="/dashboard/config">{{
-                            $jx3boxT("jx3boxUi.header.config", "偏好设置")
+                            $jx3boxT("jx3boxUi.commonHeader.config", "偏好设置")
                         }}</a>
                         <a class="el-button el-button--default is-plain" @click="changeAlternate">{{
-                            $jx3boxT("jx3boxUi.header.switchAlternate", "切换马甲")
+                            $jx3boxT("jx3boxUi.commonHeader.switchAlternate", "切换马甲")
                         }}</a>
                         <a class="el-button el-button--default is-plain" href="/dashboard/frame">{{
-                            $jx3boxT("jx3boxUi.header.themeStyle", "主题风格")
+                            $jx3boxT("jx3boxUi.commonHeader.themeStyle", "主题风格")
                         }}</a>
                     </el-button-group>
 
                     <div class="u-other">
                         <a href="/dashboard/role" class="u-item"
-                            ><el-icon><User /></el-icon>{{ $jx3boxT("jx3boxUi.header.roleManage", "角色管理") }}
+                            ><el-icon><User /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.roleManage", "角色管理") }}
                         </a>
                         <a href="/dashboard/fav" class="u-item"
-                            ><el-icon><Star /></el-icon>{{ $jx3boxT("jx3boxUi.header.favorites", "收藏订阅") }}
+                            ><el-icon><Star /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.favorites", "收藏订阅") }}
                         </a>
                         <a href="/dashboard/mall" class="u-item"
-                            ><el-icon><Memo /></el-icon>{{ $jx3boxT("jx3boxUi.header.orderCenter", "订单中心") }}
+                            ><el-icon><Memo /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.orderCenter", "订单中心") }}
                         </a>
                         <a href="/dashboard/config" class="u-item"
-                            ><el-icon><Help /></el-icon>{{ $jx3boxT("jx3boxUi.header.dashboard", "个人中心") }}
+                            ><el-icon><Help /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.dashboard", "个人中心") }}
                         </a>
                         <hr />
                         <a href="/dashboard/profile" class="u-item"
-                            ><el-icon><Setting /></el-icon>{{ $jx3boxT("jx3boxUi.header.profile", "资料修改") }}
+                            ><el-icon><Setting /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.profile", "资料修改") }}
                         </a>
                         <a href="/dashboard/feedback" class="u-item"
-                            ><el-icon><Phone /></el-icon>{{ $jx3boxT("jx3boxUi.header.feedbackHelp", "反馈帮助") }}
+                            ><el-icon><Phone /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.feedbackHelp", "反馈帮助") }}
                         </a>
                         <hr />
                         <div class="u-logout">
-                            <el-button @click="logout" plain>{{ $jx3boxT("jx3boxUi.header.logout", "退出登录") }}</el-button>
+                            <el-button @click="logout" plain>{{ $jx3boxT("jx3boxUi.commonHeader.logout", "退出登录") }}</el-button>
                         </div>
                     </div>
                 </div>
@@ -228,15 +226,15 @@ export default {
                 .then(() => {
                     if (mute) return;
                     this.$notify({
-                        title: this.$jx3boxT("jx3boxUi.header.success", "成功"),
-                        message: this.$jx3boxT("jx3boxUi.header.logoutSuccess", "登出成功"),
+                        title: this.$jx3boxT("jx3boxUi.commonHeader.success", "成功"),
+                        message: this.$jx3boxT("jx3boxUi.commonHeader.logoutSuccess", "登出成功"),
                         type: "success",
                         duration: 1000,
                     });
                 });
         },
         showUserName: function (val) {
-            return val || this.$jx3boxT("jx3boxUi.header.anonymous", "匿名");
+            return val || this.$jx3boxT("jx3boxUi.commonHeader.anonymous", "匿名");
         },
         loadMyInfo: function () {
             getMyInfo()

package/src/header/vip.vue

@@ -2,7 +2,7 @@
     <div class="c-header-panel c-header-vip" id="c-header-vip">
         <el-tooltip
             effect="dark"
-            :content="$jx3boxT('jx3boxUi.header.vipCenter', '会员中心')"
+            :content="$jx3boxT('jx3boxUi.commonHeader.vipCenter', '会员中心')"
             placement="bottom"
             popper-class="c-header-tooltip"
         >
@@ -14,7 +14,7 @@
                         class="u-add"
                         svg-inline
                         src="../../assets/img/common/vip.svg"
-                        :alt="$jx3boxT('jx3boxUi.header.vipCenter', '会员中心')"
+                        :alt="$jx3boxT('jx3boxUi.commonHeader.vipCenter', '会员中心')"
                     />
                 </i>
             </a>