From 421087f05bbcee88211f2b95afd4843da521998b Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Tue, 22 Jul 2025 16:02:58 +0800
Subject: [PATCH] 1
---
src/page/home/home.vue | 101 ++++++++++++++++++++++----------------------------
1 files changed, 45 insertions(+), 56 deletions(-)
diff --git a/src/page/home/home.vue b/src/page/home/home.vue
index 4ec18fa..cbea835 100644
--- a/src/page/home/home.vue
+++ b/src/page/home/home.vue
@@ -155,14 +155,14 @@
<div class="scroll-item_top_left">
{{ item.name }}
</div>
- <div class="scroll-item_top_right">{{item.code}}</div>
+ <div class="scroll-item_top_right">{{item.symbol}}</div>
</div>
- <div style="margin-bottom: 15px;text-align: center;color: #137D68;font-size: 12px;font-weight: bold;">{{ item.price }}</div>
- <div style="margin-bottom: 25px;text-align: center;color: #C8302F;font-size: 12px;font-weight: bold;">{{ item.z }}({{item.zfd}}%)</div>
+ <div style="margin-bottom: 15px;text-align: center;color: #137D68;font-size: 12px;font-weight: bold;">{{ item.last }}</div>
+ <div style="margin-bottom: 25px;text-align: center;color: #C8302F;font-size: 12px;font-weight: bold;">{{ item.chg }}({{item.chgPct}}%)</div>
</div>
</div>
<!-- <div class="fg"></div> -->
- <tabsList ref="tabsList" />
+ <!-- <tabsList ref="tabsList" /> -->
<!-- <div class="new-stock">
<div class="title">{{ $t("hj45") }}</div>
<div class="list">
@@ -189,9 +189,9 @@
</div>
- <div class="title-box">
+ <!-- <div class="title-box">
<div class="title">{{ $t("資訊") }}</div>
- </div>
+ </div> -->
<div class="news-tab">
<!-- <mt-navbar v-model="news">
<mt-tab-item
@@ -208,7 +208,6 @@
<mt-tab-container
v-model="news"
:swipeable="true"
- style="padding-top: 0.5rem"
>
<mt-tab-container-item
v-for="(items, index) in newListHeader"
@@ -216,7 +215,7 @@
:key="index"
>
<div class="news-content">
- <div
+ <div style="display: flex;align-items: normal;border-bottom:1px solid #cacaca;padding-bottom: 10px;margin-top:10px;justify-content: space-between;"
class=""
v-for="(item, inde) in items.data"
:key="inde"
@@ -229,19 +228,24 @@
})
"
>
- <div class="item-times">
- {{ item.showTime | gettime }}
- </div>
- <div
- class="titContent"
- style="
- -webkit-box-orient: vertical;
- font-size: 0.38rem;
- margin-top: 0.2rem;
- "
- >
- {{ item.title }}
- </div>
+ <div style="display: flex;
+ flex-direction: column;
+ justify-content: space-between;">
+ <div
+ class="titContent"
+ style="
+ -webkit-box-orient: vertical;
+ font-size: 0.38rem;
+ margin-top: 0.2rem;
+ margin-bottom: 20px;
+ "
+ >
+ {{ item.title }}
+ </div>
+ <div class="item-times">
+ {{ item.showTime | gettime }}
+ </div>
+ </div>
<div class="neitu"><img :src="item.imgurl" /></div>
</div>
</div>
@@ -351,36 +355,7 @@
artList: [],
onlineService: "123123",
- zslist:[
- {
- name:'日经指数',
- code:'N225',
- price:'349195',
- z:'31',
- bfb:'0.245'
- },
- {
- name:'日经指数',
- code:'N225',
- price:'349195',
- z:'31',
- bfb:'0.245'
- },
- {
- name:'日经指数',
- code:'N225',
- price:'349195',
- z:'31',
- bfb:'0.245'
- },
- {
- name:'日经指数',
- code:'N225',
- price:'349195',
- z:'31',
- bfb:'0.245'
- }
- ],
+ zslist:[],
isGoTo: false,
bannerList: [],
userInfo: []
@@ -440,6 +415,14 @@
}
},
methods: {
+ async getrglist() {
+ // 获取指数
+ let data = await api.getIndexData();
+ if (data.status === 0) {
+ this.zslist = data.data
+ } else {
+ }
+ },
closeclick() {
this.isshow = false;
},
@@ -624,6 +607,7 @@
async mounted() {
this.getUserInfo();
+ this.getrglist()
this.getInfoSite();
await this.getNewsList(1);
this.getArtList();
@@ -1239,6 +1223,7 @@
.news-content {
position: relative;
padding: 0.3rem;
+ padding-top:0px;
}
.item-out {
@@ -1272,15 +1257,19 @@
}
.neitu {
- width: 100%;
+ // width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
border-radius: 0.05rem;
- margin-top: 0.3rem;
- margin-bottom: 0.8rem;
+ // margin-top: 0.3rem;
+ // margin-bottom: 0.8rem;
}
.neitu img {
- width: 100%;
- border-radius: 0.05rem;
+ width: 140px;
+ // height: 100%;
+ border-radius:10px;
}
.block-out {
--
Gitblit v1.9.3