| | |
| | | </div> |
| | | </div> |
| | | <!-- 最多关注 --> |
| | | <van-skeleton title :row="6" :loading="loading" class="focus_skeleton" /> |
| | | <van-skeleton |
| | | title |
| | | :row="6" |
| | | :loading="loading" |
| | | class="focus_skeleton" |
| | | /> |
| | | <div class="focus_on" v-if="!loading"> |
| | | <div class="fo_content"> |
| | | <div class="top_title"> |
| | | {{ $t('hj5') }} |
| | | {{ $t("hj5") }} |
| | | </div> |
| | | <div class="fo_banner"> |
| | | <van-swipe class="fo_my-swipe" :autoplay="0" indicator-color="white" @change="onChange"> |
| | | |
| | | <van-swipe |
| | | class="fo_my-swipe" |
| | | :autoplay="0" |
| | | indicator-color="white" |
| | | @change="onChange" |
| | | > |
| | | <van-swipe-item v-for="(item, index) in proData" :key="index"> |
| | | <div class="item_cont" :class="idx != 2 ? 'item_conts' : ''" |
| | | v-for="(item2, idx) in proData[currentIndex]" :key="idx" @click="goDetail(item2)"> |
| | | <div |
| | | class="item_cont" |
| | | :class="idx != 2 ? 'item_conts' : ''" |
| | | v-for="(item2, idx) in proData[currentIndex]" |
| | | :key="idx" |
| | | @click="goDetail(item2)" |
| | | > |
| | | <div class="top_fo"> |
| | | <div class="title"> |
| | | {{ item2.name }} |
| | |
| | | <div class="numbers"> |
| | | {{ item2.nowPrice }} |
| | | </div> |
| | | <div class="percentage" :class="item2.hcrate > 0 ? 'gree' : 'redd'"> |
| | | <span style="font-weight: 500;">{{ item2.hcrate > 0 ? `${item2.hcrate}` : |
| | | `${item2.hcrate}` |
| | | <div |
| | | class="percentage" |
| | | :class="item2.hcrate > 0 ? 'gree' : 'redd'" |
| | | > |
| | | <span style="font-weight: 500;">{{ |
| | | item2.hcrate > 0 |
| | | ? `${item2.hcrate}` |
| | | : `${item2.hcrate}` |
| | | }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="bottom_fo"> |
| | | <div class="title"> |
| | | <span class="numberid" style="margin-right: 0.12rem;">{{ item2.spell }}</span> |
| | | <span class="numberid" style="margin-right: 0.12rem;">{{ |
| | | item2.spell |
| | | }}</span> |
| | | </div> |
| | | <div class="numbers" :class="item2.hcrate > 0 ? 'gree' : 'redd'"> |
| | | <div |
| | | class="numbers" |
| | | :class="item2.hcrate > 0 ? 'gree' : 'redd'" |
| | | > |
| | | <!-- <img :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" /> |
| | | <span class="point" style="height: 0.4rem;">{{ item2.hcrate |
| | | }}</span>--> |
| | |
| | | </template> |
| | | <script> |
| | | import AllList from "@/page/list/list-all"; |
| | | import HomeList from './components/home-list'; |
| | | import HomeList from "./components/home-list"; |
| | | import Echart from "./components/echart.vue"; |
| | | import * as api from "@/axios/api"; |
| | | import Logo from "@/assets/img/img_log_home.png"; |
| | |
| | | { |
| | | img: dazong, |
| | | title: this.$t("hj261") |
| | | }, |
| | | } |
| | | // { |
| | | // img: vip, |
| | | // title: this.$t('subdk') |
| | | // }, |
| | | { |
| | | img: Tops, |
| | | title: this.$t("申購記錄") |
| | | } |
| | | // { |
| | | // img: Tops, |
| | | // title: this.$t("申購記錄") |
| | | // } |
| | | // { |
| | | // img: vip, |
| | | // title: this.$t('hj279') |
| | |
| | | pageSize: 20, |
| | | stockPlate: "", |
| | | keyWords: "", |
| | | stockType: 'ST', |
| | | stockType: "ST", |
| | | orderBy: this.orderBy |
| | | } |
| | | }; |
| | | let data = await api.getStockByType(p); |
| | | for (var i = 0; i < data.data.list.length; i += 3) { |
| | | this.proData.push(data.data.list.slice(i, i + 3)); |