| | |
| | | <!-- <van-icon name="service-o" size="18" @click="$router.push('/customerService')" |
| | | :badge="`${unread_num}`"></van-icon> --> |
| | | <van-badge class="w-35 h-33 mr-22" :content="unreadMsg"> |
| | | <van-icon name="service-o" size="26" @click="$router.push('/customerService')" /> |
| | | <van-icon name="service-o" size="18" @click="$router.push('/customerService')" /> |
| | | </van-badge> |
| | | </template> |
| | | </fx-header> |
| | |
| | | <p class="w-full flex mt-4 gap-x-4" v-if="!(userStore.userInfo && userStore.userInfo.token)"> |
| | | <van-button class="flex-1" @click="onRoute('/register')">{{ |
| | | $t("register") |
| | | }}</van-button> |
| | | }}</van-button> |
| | | <van-button class="flex-1" type="primary" @click="onRoute('/login')">{{ |
| | | $t("login") |
| | | }}</van-button> |
| | | }}</van-button> |
| | | </p> |
| | | <div class="mt-4 flex" v-else> |
| | | <img class="w-24 h-24" src="@/assets/image/avatar.png" alt="avatar" /> |
| | |
| | | <!-- <div class="divider"></div> --> |
| | | <div v-if="userStore.userInfo && userStore.userInfo.token"> |
| | | <van-cell-group :title="t('快捷入口')" :border="false"></van-cell-group> |
| | | <van-grid class="van-grid-main" :column-num="4" :border="false"> |
| | | <van-grid class="van-grid-main" :column-num="5" :border="false"> |
| | | <van-grid-item v-for="(item, index) in quickList" :key="index" icon="photo-o" :to="item.path" |
| | | :text="t(item.name)"> |
| | | <template #icon> |
| | |
| | | ? $t("reviewing") |
| | | : status == 2 |
| | | ? $t("verified") |
| | | : status == 3 |
| | | ? $t("noPassView") |
| | | : "" |
| | | }}</span> |
| | | : status == 3 |
| | | ? $t("noPassView") |
| | | : "" |
| | | }}</span> |
| | | </div> |
| | | <div v-if="_item.path === '/advancedCtf' && _item.show === true"> |
| | | <span :class="{ |
| | |
| | | ? $t("reviewing") |
| | | : kycHighStatus == 2 |
| | | ? $t("verified") |
| | | : kycHighStatus == 3 |
| | | ? $t("noPassView") |
| | | : "" |
| | | }}</span> |
| | | : kycHighStatus == 3 |
| | | ? $t("noPassView") |
| | | : "" |
| | | }}</span> |
| | | </div> |
| | | </van-cell> |
| | | </van-cell-group> |
| | |
| | | <p class="w-full flex mt-4 gap-x-4"> |
| | | <van-button type="primary" class="flex-1" @click="loginOut">{{ |
| | | $t("loginOut") |
| | | }}</van-button> |
| | | }}</van-button> |
| | | </p> |
| | | </div> |
| | | <!-- <button style="height: 200px;" @click="changeTheme">哈哈</button> --> |
| | |
| | | import store from "@/store/store"; |
| | | import { _getUnreadMsg } from '@/service/im.api'; |
| | | import { themeStore } from "@/store/theme"; |
| | | import { getTimeZone } from "@/utils/day.js"; |
| | | console.log("时区", getTimeZone()); |
| | | |
| | | |
| | | const { t } = useI18n(); |
| | | const { toClipboard } = useClipboard(); |
| | | |
| | |
| | | const status = ref(null); |
| | | const kycHighStatus = ref(null); |
| | | const unreadMsg = ref(''); |
| | | const state = reactive({ |
| | | cellList: [ |
| | | { |
| | | title: t("safe"), |
| | | list: [ |
| | | { icon: "shield-o", title: t("safe"), path: "/safety" }, |
| | | { icon: "setting-o", title: t("changePassword"), path: "/changePassword" }, |
| | | { icon: addBankIcon, title: t("添加提款方式"), path: "/payMentMethod/list" }, |
| | | ], |
| | | }, |
| | | { |
| | | title: t("universal"), |
| | | list: [ |
| | | { icon: "font-o", title: t("language"), path: "/language" }, |
| | | { icon: "service-o", title: t("onLineService"), path: "/customerService" }, |
| | | { |
| | | icon: "idcard", |
| | | title: t("authVerify"), |
| | | path: "/certificationCenter", |
| | | show: true, |
| | | }, |
| | | { icon: "todo-list-o", title: t("账变记录"), path: "/cryptos/accountChange" }, |
| | | { icon: "gold-coin-o", title: t("计价方式"), path: "/cryptos/exchangeRate" }, |
| | | ], |
| | | }, |
| | | ], |
| | | }); |
| | | // const state = reactive({ |
| | | // cellList: [ |
| | | // { |
| | | // title: t("safe"), |
| | | // list: [ |
| | | // { icon: "shield-o", title: t("safe"), path: "/safety" }, |
| | | // { icon: "setting-o", title: t("changePassword"), path: "/changePassword" }, |
| | | // { icon: addBankIcon, title: t("AddPaymentMethod"), path: "/payMentMethod/list" }, |
| | | // ], |
| | | // }, |
| | | // { |
| | | // title: t("universal"), |
| | | // list: [ |
| | | // { icon: "font-o", title: t("language"), path: "/language" }, |
| | | // { icon: "service-o", title: t("onLineService"), path: "/customerService" }, |
| | | // { |
| | | // icon: "idcard", |
| | | // title: t("authVerify"), |
| | | // path: "/certificationCenter", |
| | | // show: true, |
| | | // }, |
| | | // { icon: "todo-list-o", title: t("账变记录"), path: "/cryptos/accountChange" }, |
| | | // { icon: "gold-coin-o", title: t("计价方式"), path: "/cryptos/exchangeRate" }, |
| | | // ], |
| | | // }, |
| | | // ], |
| | | // }); |
| | | const quickList = reactive([ |
| | | { |
| | | name: "安全", |
| | |
| | | import.meta.url |
| | | ), |
| | | }, |
| | | // { |
| | | // name: "邀请推广", |
| | | // path: "/promote", |
| | | // icon: new URL( |
| | | // `../../assets/theme/${thStore.theme}/image/assets-center/fast-icon4.png`, |
| | | // import.meta.url |
| | | // ), |
| | | // }, |
| | | { |
| | | name: "邀请推广", |
| | | path: "/promote", |
| | | icon: new URL( |
| | | `../../assets/theme/${thStore.theme}/image/assets-center/fast-icon4.png`, |
| | | import.meta.url |
| | | ), |
| | | }, |
| | | { |
| | | name: "authVerify", |
| | | path: "/certificationCenter", |
| | |
| | | path: "/certificationCenter", |
| | | show: true, |
| | | }, |
| | | // { |
| | | // icon: new URL( |
| | | // "../../assets/image/assets-center/AdvancedCertification.png", |
| | | // import.meta.url |
| | | // ), |
| | | // title: t("高级认证"), |
| | | // path: "/advancedCtf", |
| | | // show: true, |
| | | // }, |
| | | { |
| | | icon: new URL( |
| | | "../../assets/image/assets-center/AdvancedCertification.png", |
| | | import.meta.url |
| | | ), |
| | | title: t("高级认证"), |
| | | path: "/advancedCtf", |
| | | show: true, |
| | | }, |
| | | // { icon: 'todo-list-o', title: t('账变记录'), path: '/cryptos/accountChange' }, |
| | | // { |
| | | // icon: new URL( |
| | | // "../../assets/image/assets-center/valuation.png", |
| | | // import.meta.url |
| | | // ), |
| | | // title: t("计价方式"), |
| | | // path: "/cryptos/exchangeRate", |
| | | // }, |
| | | { |
| | | icon: new URL( |
| | | "../../assets/image/assets-center/valuation.png", |
| | | import.meta.url |
| | | ), |
| | | title: t("计价方式"), |
| | | path: "/cryptos/exchangeRate", |
| | | }, |
| | | { |
| | | icon: new URL( |
| | | "../../assets/image/assets-center/AddPaymentMethod.png", |
| | | import.meta.url |
| | | ), |
| | | title: t("添加提款方式"), |
| | | title: t("AddPaymentMethod"), |
| | | path: "/payMentMethod/list", |
| | | }, |
| | | { |
| | | icon: new URL("../../assets/image/assets-center/help.png", import.meta.url), |
| | | title: t("W-8BEN Form"), |
| | | path: "/w8ben", |
| | | icon: new URL( |
| | | "../../assets/theme/dark/image/footer/optional.png", |
| | | import.meta.url |
| | | ), |
| | | title: t("Optional"), |
| | | path: "/optional", |
| | | }, |
| | | ], |
| | | }, |
| | |
| | | { |
| | | title: t("更多"), |
| | | list: [ |
| | | { title: t('信用贷'), icon: new URL(`../../assets/image/assets-center/AddPaymentMethod.png`, import.meta.url), path: '/cryptos/loan' }, |
| | | { |
| | | icon: new URL("../../assets/image/assets-center/help.png", import.meta.url), |
| | | title: t("帮助中心"), |