9.28更换api

PC-20250623MANY\Administrator

2025-09-29 58b0f1e9bd03a472321acf1dfc4e89fc4ce9df7a

 src/page/markets/markets.vue

@@ -1,15 +1,6 @@
<template>
  <div class="markets">
    <tab-head :title="$t('hj62')"></tab-head>

    <div class="tui-search">
      <van-field
        v-model="keyValue"
        :placeholder="$t('hj37')"
        right-icon="search"
        @click-right-icon="search"
      />
    </div>
    <tab-head :title="$t('hj224')"></tab-head>

    <div class="tui-tabs flex-start">
      <div class="tab_item flex-center">
@@ -17,8 +8,20 @@
      </div>
    </div>

    <div class="flex-between navs">
      <div class="nav_item" v-for="item in sList" :key="item.id">
        <index-component :ids="'a' + item.id" :dataObj="item"></index-component>
      </div>
      <div class="nav_item" v-for="item in 3" :key="item" v-show="sList.length == 0">
        <van-skeleton
          :row="3"
          style="margin-top: 1em;"
        />
      </div>
    </div>

    <div class="tui_variety flex-between-start">
      <div class="tui_variety_item" @click="$store.dispatch('CustomerService')">
      <div class="tui_variety_item" @click="$router.push('/webview')">
        <img src="@/assets/img/market_0.png" alt="" />
        <div class="tui_variety_item_name">
          <span>{{ this.$t("kf") }}</span>
@@ -37,13 +40,14 @@
      </div>
    </div>

    <stock-list :propOption="propOption" ref="stockList"></stock-list>
    <new-list></new-list>
  </div>
</template>

<script>
import newList from "@/page/home/newList.vue";
import indexComponent from "@/components/index-component.vue";
import tabHead from "@/components/tabHead.vue";
import stockList from "@/components/stock-list.vue";
import * as api from "@/axios/api";
export default {
  name: "markets",
@@ -52,7 +56,6 @@
      pageNum: 1,
      pageSize: 10,
      kData: {},
      keyValue: "", // 搜索
      tabs: [
        {
          name: this.$t("订单"),
@@ -69,52 +72,47 @@
          path: "/bankCard1",
          img: require("@/assets/img/market_3.png")
        }
      ]
      ],
      sList: []
    };
  },
  components: {
    tabHead,
    stockList
    indexComponent,
    newList
  },
  watch: {},
  computed: {
    // 传递给列表组件的类型值
    propOption() {
      return { stockType: "US", keyWords: this.keyValue };
    }
  created() {
    this.getZs();
  },
  async created() {},
  mounted() {},
  methods: {
    // 搜索
    search() {
      this.$refs.stockList.init();
    // 获取三张指数图
    async getZs() {
      let data = await api.getIndexData();
      if (data.status == 0) {
        this.sList = data.data;
      }
    }
  }
};
</script>

<style lang="less" scoped>
@red: #ee0a24;
@green: #c4d600;
@white: #fff;
@black: #000;
@green2: #f0f0f0;
@dark_green: #07c160;

/deep/ .van-cell {
  background-color: rgba(#000, 0);
  border: rgba(#fff, 0.5) 2px solid;
  border-radius: 5em;
}
/deep/ .van-icon {
  font-size: 1.6em;
}
.markets {
  font-size: 10vw;
  width: 100vw;
  min-height: 100vh;
  padding-bottom: 1.5rem;
  .navs {
    padding: 0.25em 0.25em 0 0.25em;

    .nav_item {
      width: 2.833em;
      height: 3em;
      border-radius: 0.1em;
    }
  }
  .tui_variety {
    padding: 0.7em 0 0.35em;
    .tui_variety_item {
@@ -163,9 +161,6 @@
        font-size: 0.4em;
      }
    }
  }
  .tui-search {
    padding: 0.225em;
  }
}
</style>