| | |
| | | <template> |
| | | <div class="home_index"> |
| | | <tab-head> |
| | | <van-popover |
| | | v-model="languageShow" |
| | | trigger="click" |
| | | :actions="actions" |
| | | @select="onSelect" |
| | | placement="bottom-end" |
| | | > |
| | | <van-popover v-model="languageShow" trigger="click" :actions="actions" @select="onSelect" placement="bottom-end"> |
| | | <template #reference> |
| | | <div class="multilingual"> |
| | | <img src="../../assets/img/language.svg" alt="" /> |
| | |
| | | <div class="swiper-slide"> |
| | | <div class="nav_item flex-start" @click="toPage('/aiTrading')"> |
| | | <img src="../../assets/img/home_1.png" alt="" /> |
| | | <span>AI {{ $t("量化交易") }}</span> |
| | | <span>{{ $t("量化交易") }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="swiper-slide"> |
| | |
| | | </div> |
| | | <div class="flex-between navs"> |
| | | <div class="nav_item" v-for="item in usDataStockBeans" :key="item.id"> |
| | | <index-component |
| | | :ids="'a' + item.id" |
| | | :dataObj="item" |
| | | ></index-component> |
| | | <index-component :ids="'a' + item.id" :dataObj="item"></index-component> |
| | | <!-- <van-skeleton title :row="3" /> --> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="flex-between navs"> |
| | | <div class="nav_item" v-for="item in mxDataStockBeans" :key="item.id"> |
| | | <!-- <van-skeleton title :row="3" /> --> |
| | | <index-component |
| | | :ids="'b' + item.id" |
| | | :dataObj="item" |
| | | ></index-component> |
| | | <index-component :ids="'b' + item.id" :dataObj="item"></index-component> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <span>{{ $t("hj6") }}</span> |
| | | </div> |
| | | |
| | | <news-item |
| | | :item="item" |
| | | v-for="item in newsList" |
| | | :key="item.id" |
| | | ></news-item> |
| | | <news-item :item="item" v-for="item in newsList" :key="item.id"></news-item> |
| | | |
| | | <div class="more flex-center" @click="$router.push('/new-list')"> |
| | | <span>{{ $t("更多新闻") }}</span> |
| | |
| | | height: 100%; |
| | | flex-direction: column; |
| | | padding-top: .25em; |
| | | padding: .25em .15em 0; |
| | | |
| | | img { |
| | | width: 0.75em; |
| | |
| | | } |
| | | |
| | | span { |
| | | font-size: 0.25em; |
| | | font-weight: 500; |
| | | font-size: 0.28em; |
| | | font-weight: 700; |
| | | text-align: center; |
| | | } |
| | | } |