| | |
| | | :class="[item.index === timeLabelActive ? 'active' : '']">{{ |
| | | item.name |
| | | }}</li> |
| | | <li @click="handleClickMoreBtn">{{ t('More') }}</li> |
| | | <!-- <li @click="handleClickMoreBtn">{{ t('More') }}</li> --> |
| | | </ul> |
| | | </div> |
| | | <div class="flex-r"> |
| | |
| | | </section> |
| | | <section class="kline-container flex"> |
| | | <div class="chart-index"> |
| | | <fx-kline :height="450" :symbol="symbol" :isShowsolid="true" :chartType="chartType" v-if="symbol" @data="onData" |
| | | :key="`${symbol}-${timeValue}`" /> |
| | | <fx-kline :height="450" :symbol="symbol" :isShowsolid="true" :chartType="chartType" v-if="symbol" |
| | | @data="onData" :key="`${symbol}-${timeValue}`" /> |
| | | </div> |
| | | <!-- <div class="order-book-container" v-if="timeLabelActive === 0"> |
| | | <keep-alive> |
| | |
| | | import fxPopup from '@/components/fx-popup/charts-cycle.vue' |
| | | import { useUserStore } from '@/store/user.js'; |
| | | import { useQuotesStore } from '@/store/quotes.store'; |
| | | import { SET_STAGE } from '@/store/types.store'; |
| | | import { SET_STAGE, SET_COIN_LIST } from '@/store/types.store'; |
| | | import { _getQuotes, _isItemHasAddGlobal } from '@/service/quotes.api' |
| | | import addCurrency from '@/components/add-currency/index.vue' |
| | | |
| | |
| | | const isCollect = ref(false) |
| | | |
| | | const filterOne = ref([ |
| | | |
| | | { name: t('分时'), paramsValue: 'timeSharing', seconds: 1 * 60 * 1000, index: 0, }, |
| | | { name: '1' + t('天'), paramsValue: '1day', seconds: 1 * 24 * 60 * 60 * 1000, index: 1, }, |
| | | { name: '1' + t('周'), paramsValue: '1week', seconds: 7 * 24 * 60 * 60 * 1000, index: 2, }, |
| | | { name: '1' + t('月'), paramsValue: '1mon', seconds: 30 * 24 * 60 * 60 * 1000, index: 3, }, |
| | | { name: '5' + t('天'), paramsValue: '5day', seconds: 5 * 24 * 60 * 60 * 1000, index: 4, }, |
| | | { name: t("分时"), paramsValue: "timeSharing", seconds: 1 * 60 * 1000, index: 0 }, |
| | | { name: "1" + t("分"), paramsValue: "1day", seconds: 1 * 60 * 1000, index: 12 }, |
| | | { name: "15" + t("分"), paramsValue: "1week", seconds: 15 * 60 * 1000, index: 10 }, |
| | | { name: "30" + t("分"), paramsValue: "1mon", seconds: 30 * 60 * 1000, index: 9 }, |
| | | { name: "120" + t("分"), paramsValue: "1quarter", seconds: 2 * 60 * 60 * 1000, index: 7 }, |
| | | { |
| | | name: "1" + t("天"), |
| | | paramsValue: "1year", |
| | | seconds: 1 * 24 * 60 * 60 * 1000, |
| | | index: 1, |
| | | }, |
| | | // { name: t('分时'), paramsValue: 'timeSharing', seconds: 1 * 60 * 1000, index: 0, }, |
| | | // { name: '1' + t('天'), paramsValue: '1day', seconds: 1 * 24 * 60 * 60 * 1000, index: 1, }, |
| | | // { name: '1' + t('周'), paramsValue: '1week', seconds: 7 * 24 * 60 * 60 * 1000, index: 2, }, |
| | | // { name: '1' + t('月'), paramsValue: '1mon', seconds: 30 * 24 * 60 * 60 * 1000, index: 3, }, |
| | | // { name: '5' + t('天'), paramsValue: '5day', seconds: 5 * 24 * 60 * 60 * 1000, index: 4, }, |
| | | ]) |
| | | |
| | | |
| | |
| | | ]) |
| | | |
| | | onMounted(async () => { |
| | | quotesStore[SET_COIN_LIST]() |
| | | console.log("SET_COIN_LIST", quotesStore.coins); |
| | | |
| | | if (route.query.symbol) { |
| | | symbol.value = route.query.symbol |
| | | } else { |