From 416079e676643b4e808ce3cc403963d5aba3acf1 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Mon, 25 Aug 2025 15:00:27 +0800
Subject: [PATCH] 1
---
src/page/markets/markets.vue | 79 ++++++++++++++++++---------------------
1 files changed, 37 insertions(+), 42 deletions(-)
diff --git a/src/page/markets/markets.vue b/src/page/markets/markets.vue
index 8a385db..40898d8 100644
--- a/src/page/markets/markets.vue
+++ b/src/page/markets/markets.vue
@@ -1,19 +1,22 @@
<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">
<span>{{ $t("美股") }}</span>
+ </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>
@@ -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>
--
Gitblit v1.9.3