| | |
| | | :class="{'mt-15': index > 0}" |
| | | > |
| | | <div class="flex items-center" @click="onRoute(item.path)"> |
| | | <img :src="`/static/img/${item.icon}`" class="w-20 h-20"> |
| | | <img :src="`${item.icon}`" class="w-20 h-20"> |
| | | <div class="ml-10">{{ item.title }}</div> |
| | | </div> |
| | | <div v-if="item.status" class="text-gray-400 text-12 py-5"> |
| | |
| | | :class="{'mt-15': index > 0}" |
| | | > |
| | | <div v-if="item.button" class="flex items-center" @click="loginOut"> |
| | | <img :src="`/static/img/${item.icon}`" class="w-20 h-20"> |
| | | <img :src="`${item.icon}`" class="w-20 h-20"> |
| | | <div class="ml-10">{{ item.title }}</div> |
| | | </div> |
| | | <div v-else class="flex items-center" @click="onRoute(item.path)"> |
| | | <img :src="`/static/img/${item.icon}`" class="w-20 h-20"> |
| | | <img :src="`${item.icon}`" class="w-20 h-20"> |
| | | <div class="ml-10">{{ item.title }}</div> |
| | | </div> |
| | | <div class="i-material-symbols:arrow-right-rounded text-20 text-gray-400"> |
| | |
| | | // 账户详情选项数据 |
| | | const accountItems = ref([ |
| | | // { icon: 'icon-option.png', title: '貨幣訂單' , path: '/position/index'}, |
| | | { icon: 'icon-option.png', title: '現貨訂單' , path: '/position/index'}, |
| | | { icon: 'icon-option.png', title: '帳單' , path:'/cryptos/accountChange'}, |
| | | { icon: 'icon-wallet.png', title: '錢包', path: '/payMentMethod/list'}, |
| | | { icon: 'icon-real.png', title: '實名認證', status: '未認證' , path: '/certificationCenter'}, |
| | | { icon: 'icon-small-language.png', title: '語言', status: '中文繁體', path: '/language' }, |
| | | { icon: 'icon-small-password.png', title: '修改密碼', path: '/changePassword'}, |
| | | { icon: 'icon-small-password.png', title: '修改提現密碼', path: '/changeFundsPassword' } |
| | | { icon: new URL('../../assets/img/icon-option.png', import.meta.url), title: '現貨訂單' , path: '/position/index'}, |
| | | { icon: new URL('../../assets/img/icon-option.png', import.meta.url), title: '帳單' , path:'/cryptos/accountChange'}, |
| | | { icon: new URL('../../assets/img/icon-wallet.png', import.meta.url), title: '錢包', path: '/payMentMethod/list'}, |
| | | { icon: new URL('../../assets/img/icon-real.png', import.meta.url), title: '實名認證', status: '未認證' , path: '/certificationCenter'}, |
| | | { icon: new URL('../../assets/img/icon-small-language.png', import.meta.url), title: '語言', status: '中文繁體', path: '/language' }, |
| | | { icon: new URL('../../assets/img/icon-small-password.png', import.meta.url), title: '修改密碼', path: '/changePassword'}, |
| | | { icon: new URL('../../assets/img/icon-small-password.png', import.meta.url), title: '修改提現密碼', path: '/changeFundsPassword' } |
| | | ]); |
| | | |
| | | // 帮助和支持选项数据 |
| | | const helpItems = ref([ |
| | | // { icon: 'icon-market.png', title: '市場模式' }, |
| | | { icon: 'icon-service.png', title: '線上客服', path: '/customerService' }, |
| | | { icon: new URL('../../assets/img/icon-service.png', import.meta.url), title: '線上客服', path: '/customerService' }, |
| | | // { icon: 'icon-service.png', title: '專屬客服' }, |
| | | { icon: 'icon-about.png', title: '關於我們', path: '/aboutUs' }, |
| | | { icon: new URL('../../assets/img/icon-about.png', import.meta.url), title: '關於我們', path: '/aboutUs' }, |
| | | // { icon: 'icon-logout.png', title: '下載 APP' }, |
| | | { icon: 'icon-logout.png', title: '註銷', button: true } |
| | | { icon: new URL('../../assets/img/icon-logout.png', import.meta.url), title: '註銷', button: true } |
| | | ]); |
| | | |
| | | const state = reactive({ |