| | |
| | | <m-echarts :dataObj="item" :ratio="item.change_ratio" :index="item.symbol" /> |
| | | </div> |
| | | <div class="flex-r-item data-box"> |
| | | <div class="data-item" :class="[item.change_ratio < 0 ? 'bg-red' : 'bg-green']">{{ item.close }} |
| | | </div> |
| | | <div class="data-item" :class="[item.change_ratio < 0 ? 'bg-red' : 'bg-green']">{{ item.close }}</div> |
| | | <p class="value" :class="[item.change_ratio < 0 ? 'color-red' : 'color-green']"> |
| | | {{ item.change_ratio < 0 ? item.net_change : '+' + item.net_change }} {{ item.change_ratio |
| | | }}%</p> |
| | | }}%</p> |
| | | </div> |
| | | </div> |
| | | </li> |
| | |
| | | :title="`${t('digitalCurrency')}(${fixedData.cryptos || 0})`" /> |
| | | <van-sidebar-item @click="openType('forex', t('外汇'))" :title="`${t('外汇')}(${fixedData.forex || 0})`" /> |
| | | <van-sidebar-item @click="openType('INDIA-stocks', t('印度股'))" |
| | | :title="`${t('印度股')}(${fixedData['INDIA-stocks'] || 0})`" /> |
| | | :title="`${t('印度股')}(${fixedData['INDIA-stocks'] || 0})`" /> |
| | | </van-sidebar> |
| | | </div> |
| | | <footer class="footer-container"> |
| | |
| | | </div> |
| | | </section> |
| | | </template> |
| | | |
| | | |
| | | <script setup> |
| | | import { ref, onMounted, onBeforeUnmount } from 'vue'; |
| | | import { useUserStore } from '@/store/user'; |
| | |
| | | import { HOST_URL } from '@/config' |
| | | import { themeStore } from '@/store/theme'; |
| | | const thStore = themeStore() |
| | | |
| | | console.log("dddddd", HOST_URL); |
| | | |
| | | |
| | | const { t } = useI18n() |
| | | const router = useRouter() |
| | |
| | | font-weight: 700; |
| | | font-size: 20px; |
| | | line-height: 28px; |
| | | height: 28px; |
| | | color: $mainTextColor; |
| | | width: 75vw; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | .icon-group { |