From fbe4c23b9a0316937bc63213c910cbb393d6bc65 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Mon, 18 Aug 2025 18:32:23 +0800
Subject: [PATCH] 1
---
src/page/markets/markets.vue | 55 ++++++++++++++++++-------------------------------------
1 files changed, 18 insertions(+), 37 deletions(-)
diff --git a/src/page/markets/markets.vue b/src/page/markets/markets.vue
index 8f87a9e..a36afad 100644
--- a/src/page/markets/markets.vue
+++ b/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">
@@ -18,7 +9,7 @@
</div>
<div class="flex-between navs">
- <div class="nav_item" v-for="item in usDataStockBeans" :key="item.id">
+ <div class="nav_item" v-for="item in sList" :key="item.id">
<index-component :ids="'a' + item.id" :dataObj="item"></index-component>
</div>
</div>
@@ -43,13 +34,15 @@
</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",
@@ -58,7 +51,6 @@
pageNum: 1,
pageSize: 10,
kData: {},
- keyValue: "", // 搜索
tabs: [
{
name: this.$t("订单"),
@@ -76,47 +68,39 @@
img: require("@/assets/img/market_3.png")
}
],
- usDataStockBeans: []
+ 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>
-/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 0.25em 0 0.25em;
+ padding: 0.25em 0.25em 0 0.25em;
.nav_item {
width: 2.833em;
@@ -172,9 +156,6 @@
font-size: 0.4em;
}
}
- }
- .tui-search {
- padding: 0.225em;
}
}
</style>
--
Gitblit v1.9.3