From 732c30b33f782c2d2ebb62eacda2fb7a453a7ecd Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Sat, 31 Jan 2026 11:01:45 +0800
Subject: [PATCH] 1
---
src/page/markets/markets.vue | 68 ++++++++++++++++-----------------
1 files changed, 33 insertions(+), 35 deletions(-)
diff --git a/src/page/markets/markets.vue b/src/page/markets/markets.vue
index f334895..9b8382b 100644
--- a/src/page/markets/markets.vue
+++ b/src/page/markets/markets.vue
@@ -14,13 +14,12 @@
<div class="tabs flex-between">
<div class="tab_item flex-center" :class="{ active: item.pid == tab }" v-for="item in tabList" :key="item.pid"
@click="tab = item.pid">
- <span>{{ item.abbreviation }}</span>
+ <span class="line-one">{{ item.name }}</span>
</div>
</div>
<div class="markets_echart">
<index-component :ids="'markets'" :dataObj="kData"></index-component>
- <!-- <van-skeleton title :row="3" /> -->
</div>
<stock-list :propOption="propOption"></stock-list>
@@ -43,29 +42,30 @@
{
text: this.$t("美国"),
value: "US",
- name: "美国"
+ name: this.$t("美国")
},
{
- text: this.$t("墨西哥"),
- value: "MEX",
- name: "墨西哥"
- }
+ text: this.$t("日本"),
+ value: "JP",
+ name: this.$t("日本")
+ },
+ // {
+ // text: this.$t("hk1"),
+ // value: "HK",
+ // name: this.$t("hk1")
+ // },
+ // {
+ // text: this.$t("tw"),
+ // value: "TW",
+ // name: this.$t("tw")
+ // },
],
tabList: [],
- usList: [
- { abbreviation: "Dow Jones" },
- { abbreviation: "S&P 500" },
- { abbreviation: "NASDAQ" }
- ],
- mxList: [
- { abbreviation: "IPC" },
- { abbreviation: "INMEX" },
- { abbreviation: "NASDAQ" }
- ],
tab: 1,
pageNum: 1,
pageSize: 10,
- kData: {}
+ kData: {},
+ times: null
};
},
components: {
@@ -76,8 +76,11 @@
},
watch: {
tab() {
- this.getIndicesAndKData();
+ this.init();
}
+ },
+ beforeDestroy() {
+ if (this.times) clearInterval(this.times);
},
computed: {
switchText() {
@@ -95,16 +98,13 @@
this.$store.commit("MARKET_CHANGE", this.actions[0]);
}
await this.getTabData();
- this.tab = this.tabList[0].pid;
},
- mounted() {
- },
+ mounted() { },
methods: {
// 选择
async onSelect(e) {
this.$store.commit("MARKET_CHANGE", e);
await this.getTabData();
- this.tab = this.tabList[0].pid;
},
// 获取tab数据
async getTabData() {
@@ -112,15 +112,8 @@
let data = await api.getIndicesList({
stockType
});
-
- // 数据重构
- let list = [];
- if (stockType == "US") list = this.usList;
- if (stockType == "MEX") list = this.mxList;
- this.tabList = list.map((item, index) => {
- item = { ...item, ...data.data[index + 1] };
- return item;
- });
+ this.tabList = data.data;
+ this.tab = this.tabList[1].pid;
// console.log("dadadadadad", this.tabList);
},
@@ -133,10 +126,14 @@
this.kData = data.data;
// console.log("getIndicesAndKData", this.kData);
},
- // tab切换
- tabChange() {
+ // 初始化
+ init() {
+ if (this.times) clearInterval(this.times);
this.getIndicesAndKData();
- },
+ this.times = setInterval(() => {
+ this.getIndicesAndKData();
+ }, 2000);
+ }
}
};
</script>
@@ -174,6 +171,7 @@
width: 32%;
height: 0.8em;
border-radius: 0.5em;
+ padding: 0 0.25em;
span {
font-size: 0.4em;
--
Gitblit v1.9.3