123

dcc

2024-07-16 cb9eeec0baa75abb9c5e961aeb8e0c519a951f64

 src/page/list/tradingList/data.list.vue

@@ -20,13 +20,13 @@
                class="el-icon-caret-top"
                style="font-size: 0.3rem"
                @click="priceAscending"
                :style="{color: Ascend == 1?'#409eff':'#8c9fad'}"
                :style="{ color: Ascend == 1 ? '#409eff' : '#8c9fad' }"
              ></i>
              <i
                class="el-icon-caret-bottom"
                style="font-size: 0.3rem"
                @click="priceDescending"
                 :style="{color: Ascend == 2?'#409eff':'#8c9fad'}"
                :style="{ color: Ascend == 2 ? '#409eff' : '#8c9fad' }"
              ></i>
            </span>
          </div>
@@ -39,20 +39,25 @@
                class="el-icon-caret-top"
                style="font-size: 0.3rem"
                @click="riseFallAscending"
                 :style="{color: riseFallAscend == 1?'#409eff':'#8c9fad'}"
                :style="{ color: Ascend == 3 ? '#409eff' : '#8c9fad' }"
              ></i>
              <i
                class="el-icon-caret-bottom"
                style="font-size: 0.3rem"
                @click="riseFallDescending"
                 :style="{color: riseFallAscend == 2?'#409eff':'#8c9fad'}"
                :style="{ color: Ascend == 4 ? '#409eff' : '#8c9fad' }"
              ></i>
            </span>
          </div>
        </van-col>
      </van-row>
    </div>
    <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
    <van-pull-refresh
      v-model="refreshing"
      :pulling-text="$t('hj430')"
      :loosing-text="$t('hj430')"
      @refresh="onRefresh"
    >
      <van-list
        style="margin-bottom: 50px"
        v-model="loadings"
@@ -138,7 +143,6 @@
import handleDt from "@/utils/deTh";
import dazy from "./dazy.vue";
import { WhrWebSocket } from "@/utils/WhrWebSocket";
import { color } from "echarts/lib/export";

export default {
  components: { dazy },
@@ -196,9 +200,8 @@
      getInterval: null,
      num: 1,
      refreshing: false,
      Ascend: 0,
      riseFallAscend: 0
    }
      Ascend: 0, //颜色问题
    };
  },

  mounted() {
@@ -212,19 +215,19 @@
  },
  methods: {
    priceAscending() {
      this.Ascend = 1
      this.Ascend = 1;
      this.listArr.sort((a, b) => a.nowPrice - b.nowPrice);
    },
    priceDescending() {
      this.Ascend = 2
      this.Ascend = 2;
      this.listArr.sort((a, b) => b.nowPrice - a.nowPrice);
    },
    riseFallAscending() {
      this.riseFallAscend = 1
      this.Ascend = 3;
      this.listArr.sort((a, b) => a.hcrate - b.hcrate);
    },
    riseFallDescending() {
      this.riseFallAscend = 2
      this.Ascend = 4;
      this.listArr.sort((a, b) => b.hcrate - a.hcrate);
    },

@@ -310,7 +313,10 @@
              this.listArr = data.data.list;
              this.loadings = false;
              // this.finished = true;
              if (this.listArr.length % 20) {
              if (
                !this.listArr.length ||
                (this.listArr.length && this.listArr.length % 20)
              ) {
                this.finished = true;
              }
            }
@@ -319,11 +325,23 @@
              this.listArr = data.data.list;
              this.loadings = false;
              // this.finished = true;
              if (this.listArr.length % 20) {
              if (
                !this.listArr.length ||
                (this.listArr.length && this.listArr.length % 20)
              ) {
                this.finished = true;
              }
            }
          }
          if (this.Ascend == 1) {
            this.listArr.sort((a, b) => a.nowPrice - b.nowPrice);
          } else if (this.Ascend == 2) {
            this.listArr.sort((a, b) => b.nowPrice - a.nowPrice);
          } else if (this.Ascend == 3) {
            this.listArr.sort((a, b) => a.hcrate - b.hcrate);
          } else if (this.Ascend == 4) {
            this.listArr.sort((a, b) => b.hcrate - a.hcrate);
          }
        }
      } else {
        this.finished = true;