| | |
| | | data() { |
| | | return { |
| | | navList: [ |
| | | { |
| | | name: this.$t('闪兑'), |
| | | icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/exchange.png`, import.meta.url), |
| | | path: '/cryptos/exchangePage', |
| | | isLogin: true |
| | | }, |
| | | { |
| | | name: this.$t('账变记录'), |
| | | icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/record.png`, import.meta.url), |
| | | path: '/cryptos/accountChange?type=cryptos', |
| | | isLogin: true |
| | | }, |
| | | // { |
| | | // name: this.$t('闪兑'), |
| | | // icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/exchange.png`, import.meta.url), |
| | | // path: '/cryptos/exchangePage', |
| | | // isLogin: true |
| | | // }, |
| | | // { |
| | | // name: this.$t('账变记录'), |
| | | // icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/record.png`, import.meta.url), |
| | | // path: '/cryptos/accountChange?type=cryptos', |
| | | // isLogin: true |
| | | // }, |
| | | // { |
| | | // name: this.$t('现货账户'), |
| | | // icon: `../../../assets/theme/dark/image/nav/account.png`, |
| | | // path: '/cryptos/funds' |
| | | // }, |
| | | { |
| | | name: this.$t('SpotTrading'), |
| | | icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/coin.png`, import.meta.url), |
| | | path: '/cryptos/trade/btc' |
| | | }, |
| | | { |
| | | name: this.$t('永续合约'), |
| | | icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/trading.png`, import.meta.url), |
| | | path: '/cryptos/perpetualContract/btc?type=cryptos' |
| | | }, |
| | | { |
| | | name: this.$t('交割合约'), |
| | | icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/delivery.png`, import.meta.url), |
| | | path: '/cryptos/perpetualContract/btc?selectIndex=2&type=cryptos' |
| | | }, |
| | | // { |
| | | // name: this.$t('交割合约'), |
| | | // icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/delivery.png`, import.meta.url), |
| | | // path: '/cryptos/perpetualContract/btc?selectIndex=2&type=cryptos' |
| | | // }, |
| | | |
| | | ], |
| | | navList1: [ |
| | | { |
| | | name: this.$t('资金'), |
| | | icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/asset.png`, import.meta.url), |
| | | path: '/cryptos/funds?type=cryptos', |
| | | isLogin: true |
| | | }, |
| | | { |
| | | name: this.$t('基金理财'), |
| | | icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/financialmanagement.png`, import.meta.url), |
| | | path: '/cryptos/fund' |
| | | }, |
| | | { |
| | | name: this.$t('智能矿池'), |
| | | icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/SmartKuangchi.png`, import.meta.url), |
| | | path: '/cryptos/machine' |
| | | }, |
| | | // { |
| | | // name: this.$t('资金'), |
| | | // icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/asset.png`, import.meta.url), |
| | | // path: '/cryptos/funds?type=cryptos', |
| | | // isLogin: true |
| | | // }, |
| | | // { |
| | | // name: this.$t('基金理财'), |
| | | // icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/financialmanagement.png`, import.meta.url), |
| | | // path: '/cryptos/fund' |
| | | // }, |
| | | // { |
| | | // name: this.$t('智能矿池'), |
| | | // icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/SmartKuangchi.png`, import.meta.url), |
| | | // path: '/cryptos/machine' |
| | | // }, |
| | | // { |
| | | // name: this.$t('质押借币'), |
| | | // icon: new URL('@/assets/theme/dark/image/nav/PledgeLoan.png', import.meta.url), |
| | |
| | | // icon: new URL('@/assets/theme/dark/image/nav/Helpoan.png', import.meta.url), |
| | | // path: '/cryptos/loan' |
| | | // }, |
| | | // { |
| | | // name: this.$t('C2C'), |
| | | // icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/c2c.png`, import.meta.url), |
| | | // path: '/cryptos/wantBuy' |
| | | // }, |
| | | { name: this.$t('充值'), icon: new URL(`@/assets/image/exNav/存入.png`, import.meta.url), path: '/cryptos/recharge/rechargeList', isLogin: true }, |
| | | { name: this.$t('提现'), icon: new URL(`@/assets/image/exNav/提现.png`, import.meta.url), path: '/cryptos/withdraw/withdrawPage', isLogin: true }, |
| | | { |
| | | name: this.$t('C2C'), |
| | | icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/c2c.png`, import.meta.url), |
| | | path: '/cryptos/wantBuy' |
| | | name: this.$t('SpotTrading'), |
| | | icon: new URL(`@/assets/image/exNav/SpotTrading.png`, import.meta.url), |
| | | path: '/cryptos/trade/btc' |
| | | }, |
| | | { |
| | | name: this.$t('永续合约'), |
| | | icon: new URL(`@/assets/image/exNav/合约交易.png`, import.meta.url), |
| | | path: '/cryptos/perpetualContract/btc?type=cryptos' |
| | | }, |
| | | { |
| | | name: this.$t('更多'), |
| | | icon: new URL(`../../../assets/theme/${thStore.theme}/image/nav/more.png`, import.meta.url), |
| | | icon: new URL(`@/assets/image/exNav/more.png`, import.meta.url), |
| | | path: '/more' |
| | | } |
| | | ] |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | // margin-right: 50px; |
| | | width: 20%; |
| | | color: $text_color; |
| | | |
| | | |
| | | &:last-child { |
| | | margin-right: 0px; |
| | |
| | | } |
| | | |
| | | .imgBox { |
| | | width: 90px; |
| | | height: 90px; |
| | | width: 120px; |
| | | height: 80px; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | background-color: #1099FB; |
| | | border-radius: 40px; |
| | | |
| | | img { |
| | | width: 100%; |
| | | height: 100%; |
| | | height: 45%; |
| | | } |
| | | } |
| | | } |