style

lxf

2025-07-08 b37eef5a0807a8f5688e2112591cb80a3ba333e4

 src/components/Transform/trade-head/index.vue

@@ -69,8 +69,8 @@
            </div>
            <div class="text-right">
              <div class="textColor font-28">{{ item.close || '--' }}</div>
              <div class="mt-10 font-28" :class="item.change_ratio > 0 ? 'text-green' : 'text-red'">
                {{ item.change_ratio }}%</div>
              <div class="mt-10 font-28" :class="item.change_ratio_str > 0 ? 'text-green' : 'text-red'">
                {{ item.change_ratio_str }}%</div>
            </div>
          </div>
        </div>
@@ -82,7 +82,7 @@
</template>
    
<script>
import { setStorage, handleImage } from '@/utils/utis.js'
import { getStorage, setStorage, handleImage } from '@/utils/utis.js'
import { Popup, showSuccessToast } from "vant";
import { mapGetters } from "vuex";
import { _getHomeList, _collect, _deleteCollect, _checkIsInCollect } from "@/service/home.api";
@@ -90,6 +90,7 @@
import { useRouter } from "vue-router";
import addCurrency from '@/components/add-currency/index.vue'
import { _isItemHasAdd, _isItemHasAddGlobal } from '@/service/quotes.api'
import {_getCoinList} from '@/service/quotes.api'
const router = useRouter()
export default {
  name: "contractHeader",
@@ -222,14 +223,34 @@
      }
      this.show = false
    },
    onSidebar() { // 侧边栏打开
    async onSidebar() { // 侧边栏打开
      // console.log(this.userInfo)
      this.coins = this.coinList.map(item => item.symbol)
     // 优先用本地缓存的 coins
     let arr = getStorage('qoutes')
     let coninArr = ''
     console.log('arr:', arr)

      if (arr && arr.length) {
        // 如果本地有 coins，优先用本地
        arr.forEach(item => {
          coninArr += item.symbol + ','
        })
      } else {
        // 如果本地没有 coins，拉取接口
        const quotesData = await _getCoinList()
        console.log('quotesData:', quotesData)
          quotesData.forEach(item => {
            coninArr += item.symbol + ','
          })
          setStorage('qoutes', { coins: quotesData }) // 存到本地
      }
      this.coins = coninArr
      // this.coins = this.coinList.map(item => item.symbol)
      this.show = true
      this.fetchList()
    },
    fetchList() { // 获取行情
      _getHomeList(this.coins.join(',')).then(list => {
      _getHomeList(this.coins).then(list => {
        // console.log(list)
        this.list = list
        if (this.timeout) {