备份

flowstocktrading

2022-11-03 2f72cf1a3a30b665619e7fcaa2657e225598554e

 src/page/home/home.vue

@@ -39,6 +39,7 @@
            </div>
          </div>
        </div>

        <!-- 排行入门 -->
        <van-skeleton title :row="2" :loading="loading" />
        <div class="navs" v-if="!loading">
@@ -68,24 +69,28 @@
              <van-swipe class="fo_my-swipe" :autoplay="0" indicator-color="white" @change="onChange">
                <van-swipe-item v-for="(item, index)  in proData" :key="index" style="margin-top: 20px;">
                  <div class="item_cont" v-for="(item2, idx) in proData[currentIndex]" :key="idx">
                    <div class="top_fo">
                      <div class="title">
                    <div class="top_fo" style="width: 80%;">
                      <div class="title" style="width: 30%;">
                        <span>{{ item2.f14 }}</span>
                      </div>
                      <div class="numbers">
                        <span>{{ item2.f2 }}</span>
                      </div>
                      <div class="percentage" :class="item2.f3 > 0 ? 'gree' : 'redd'">
                      <div class="percentage"  :class="item2.f3 > 0 ? 'gree' : 'redd'">

                        <span>{{ item2.f3 > 0 ? `+${item2.f3}%` : `${item2.f3}%` }}</span>
                      </div>
                      <div class="percentage"></div>
                      <div class="percentage" style="width: 38%;position: absolute;right: 0;" :class="item2.f3 > 0 ? 'gree' : 'redd'">
                        <echart :colorType="item2.f3" :ids="idx+'1'+index"></echart>
                      </div>
                    </div>
                    <div class="bottom_fo">
                      <div class="title">
                    <div class="bottom_fo" style="width: 80%;">
                      <div class="title"style="width: 30%;">
                        <span>{{ item2.f12 }}</span>
                        <img :src="Huo" alt style="margin-left: 0.12rem;" />
                      </div>
                      <div class="numbers">
                        <span>{{ '04:59:57' }}</span>
                      <div  class="percentage" >
                      <!-- class="numbers" -->
                        <!-- <span>{{ '04:59:57' }}</span> -->
                        <span>{{ item2.f2 }}</span>
                      </div>
                      <div class="percentage">
                        <span></span>
@@ -150,14 +155,14 @@
    <!-- tab -->

    <GoToLogin />
    <!-- <foot></foot> -->
  </div>
</template>

<script>
  import foot from "@/components/foot/foot";

  import AllList from "@/page/list/list-all";
  import HomeList from "./components/home-list";
    import Echart from "./components/echart.vue";
  import {
    Toast
  } from "mint-ui";
@@ -179,10 +184,10 @@

  export default {
    components: {
      foot,
      HomeList,
      AllList,
      GoToLogin,
      Echart
    },
    props: {},
    data() {
@@ -232,7 +237,7 @@
    methods: {
      async getNewsList(type) {
        let data = await api.queryNewsList(type);
        console.log('xinwen:', data)
        
        switch (type) {
          case 1:
            this.newsContent1 = data.data.list
@@ -252,7 +257,7 @@
        }
      },
      handleBannerClick(ind) {
        console.log(ind);
        // console.log(ind);
      },
      ProcessData() {
        // 把数据分割成三等份
@@ -263,7 +268,7 @@
      onChange(index) {
        this.currentIndex = index;
        this.proData[index].forEach(item => {
          console.log(item.f14);
          // console.log(item.f14);
        });
      },
      handleSearchClick() {
@@ -308,6 +313,9 @@
      this.getNewsList(1);
      this.getNewsList(2);
      this.getNewsList(4);



      setTimeout(() => {
        this.loading = false
      }, 1000)
@@ -533,7 +541,7 @@
        }

        .title {
          width: 50%;
          width: 20%;
          height: 100%;
          display: flex;
          align-items: center;