| | |
| | | <template> |
| | | <section class="pb-fix"> |
| | | <div class="container-box"> |
| | | <header class="header"> |
| | | <div class="flex-l"> |
| | | <!-- <div class="container-box"> --> |
| | | <!-- <header class="header"> --> |
| | | <!-- <div class="flex-l"> |
| | | <span class="title">{{ t('quotes') }}</span> |
| | | </div> |
| | | <div class="icon-group"> |
| | | <div class="icon search" @click="onRoute('/optional/search')"> |
| | | <img src="@/assets/image/optional/search.png" alt=""> |
| | | </div> |
| | | </div> --> |
| | | <!-- <div class="icon setting"> |
| | | <img src="@/assets/image/quotes/option.png" alt="" @click="onRoute('/optional/setting')"> |
| | | </div> --> |
| | | </div> |
| | | </header> |
| | | <section class="tab-container"> |
| | | <van-tabs v-model:active="tabActive" shrink @click-tab="onClickTab"> |
| | | <!-- </div> --> |
| | | <!-- </header> --> |
| | | <!-- <section class="tab-container"> --> |
| | | <!-- <van-tabs v-model:active="tabActive" shrink @click-tab="onClickTab"> --> |
| | | <!-- <van-tab title="ETF"> |
| | | <section v-if="tabActive === 0" class="etf-container"> |
| | | <div class="kline-chart-container"> |
| | |
| | | <div class="divider"></div> |
| | | </section> |
| | | </van-tab> --> |
| | | <van-tab :title="t('加密货币')"> |
| | | <!-- <van-tab :title="t('加密货币')"> --> |
| | | <Cryptos id="cryptos" /> |
| | | </van-tab> |
| | | <!-- </van-tab> --> |
| | | <!-- <van-tab :title="t('外汇')"> |
| | | <Foreign v-if="tabActive === 2" /> |
| | | </van-tab> --> |
| | |
| | | </div> |
| | | </div> |
| | | </van-tab> --> |
| | | </van-tabs> |
| | | </section> |
| | | </div> |
| | | <!-- </van-tabs> --> |
| | | <!-- </section> --> |
| | | <!-- </div> --> |
| | | </section> |
| | | </template> |
| | | |
| | |
| | | |
| | | const getIndexCardInfo = () => { |
| | | _getETFItemList({ |
| | | type: 'indices', |
| | | symbol: ['.DJI', '.INX', '.IXIC'] |
| | | type: 'forex', |
| | | category: 'forex' |
| | | // symbol: ['.DJI', '.INX', '.IXIC'] |
| | | }).then(data => { |
| | | indexCardInfo.value = data || [] |
| | | }) |
| | |
| | | |
| | | const getETFItemList = () => { |
| | | _getETFItemList({ |
| | | type: 'indices' |
| | | type: 'forex', |
| | | category: 'forex' |
| | | }).then(data => { |
| | | if (data === null) { |
| | | data = [] |