lxf
2025-04-30 b4c4556a5eddf6708ec55b07e3edc15b2217842e
src/page/home/home.vue
@@ -81,18 +81,32 @@
          </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 }}
@@ -100,17 +114,27 @@
                      <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>-->
@@ -230,7 +254,7 @@
</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";
@@ -373,15 +397,15 @@
        {
          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')
@@ -558,9 +582,9 @@
        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));