| | |
| | | <section class="hot-map-container"> |
| | | <div class="row1"> |
| | | <div class="item"> |
| | | <p>软件和IT服务</p> |
| | | <p>{{ t("软件和IT服务") }}</p> |
| | | <p>0.25%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>科技设备</p> |
| | | <p>{{ t("科技设备") }}</p> |
| | | <p>-0.31%</p> |
| | | </div> |
| | | </div> |
| | | <div class="row2"> |
| | | <div class="item"> |
| | | <p>银行服务</p> |
| | | <p>{{ t("银行服务") }}</p> |
| | | <p>-1.32%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>医疗服务</p> |
| | | <p>{{ t("医疗服务") }}</p> |
| | | <p>0.63%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>工业品</p> |
| | | <p>{{ t("工业品") }}</p> |
| | | <p>0.44%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>百货零售</p> |
| | | <p>{{ t("百货零售") }}</p> |
| | | <p>0.19%</p> |
| | | </div> |
| | | </div> |
| | | <div class="row3"> |
| | | <div class="item"> |
| | | <p>投资服务</p> |
| | | <p>{{ t("投资服务") }}</p> |
| | | <p>-0.12%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>食物&饮料</p> |
| | | <p>{{ t("食物&饮料") }}</p> |
| | | <p>0.10%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>周期性消费品</p> |
| | | <p>{{ t("周期性消费品") }}</p> |
| | | <p>-0.02%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>保险</p> |
| | | <p>{{ t("保险") }}</p> |
| | | <p>0.44%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>化石燃料</p> |
| | | <p>{{ t("化石燃料") }}</p> |
| | | <p>0.10%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>消费品</p> |
| | | <p>{{ t("消费品") }}</p> |
| | | <p>-0.15%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>汽车及零部件</p> |
| | | <p>{{ t("汽车及零部件") }}</p> |
| | | <p>0.07%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>工业和商业服务</p> |
| | | <p>{{ t('工业和商业服务') }}</p> |
| | | <p>0.10%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>电信服务</p> |
| | | <p>{{ t('电信服务') }}</p> |
| | | <p>-0.28%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>房地产</p> |
| | | <p>{{ t('房地产') }}</p> |
| | | <p>0.27%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>周期性消费服务</p> |
| | | <p>{{ t('周期性消费服务') }}</p> |
| | | <p>0.27%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>公用事业</p> |
| | | <p>{{ t('公用事业') }}</p> |
| | | <p>0.44%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>矿产资源</p> |
| | | <p>{{ t('矿产资源') }}</p> |
| | | <p>0.44%</p> |
| | | </div> |
| | | <div class="item"> |
| | | <p>化学品</p> |
| | | <p>{{ t('化学品') }}</p> |
| | | <p>-0.19%</p> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </section> --> |
| | | </template> |
| | | |
| | | |
| | | <script setup> |
| | | import { ref, onMounted, onBeforeUnmount } from 'vue'; |
| | | import { useUserStore } from '@/store/user'; |