From 314a9aa1343023828060bda14bb7736e21fa84e2 Mon Sep 17 00:00:00 2001 From: laixingyu Date: Tue, 8 Aug 2023 19:30:50 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E8=B6=8B=E5=8A=BF?= =?UTF-8?q?=E7=95=8C=E9=9D=A2=EF=BC=88=E6=9C=AA=E5=AE=8C)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/trend/index.vue | 537 ++++++++++++++++++++++++++++++++++++-- 1 file changed, 522 insertions(+), 15 deletions(-) diff --git a/src/views/trend/index.vue b/src/views/trend/index.vue index dfe9db7..56b8e6d 100644 --- a/src/views/trend/index.vue +++ b/src/views/trend/index.vue @@ -31,12 +31,13 @@ {{ item.name }} -
+ +
-
名称(东财2级)
+
东财指数
- 排名 + 5日排名
- 5日排名 + 10日排名
- 10日排名 + 20日排名
- 20日排名 + 当日排名 +
+
+ + +
+
+ + +
+
+
+
+ 成交额 +
+
+ + +
+
+ + +
+
+
+
+ 成交占比 +
+
+ + +
+
+ + +
+
+
+
+ 5日成交 +
+
+ + +
+
+ + +
+
+
+
+ 5日占比
-
成交额
-
成交占比
-
成交排名
-
上涨
-
平盘
-
下跌
+
+
+ 10日成交 +
+
+ + +
+
+ + +
+
+
+
+ 10日占比 +
+
+ + +
+
+ + +
+
+
+
+ 上涨 +
+
+ + +
+
+ + +
+
+
+
+ 平盘 +
+
+ + +
+
+ + +
+
+
+
+ 下跌 +
+
+ + +
+
+ + +
+
+
+
+
+
+
东财指数
+
+
+ 当日排名 +
+
+ + +
+
+ + +
+
+
+
+ 成交额 +
+
+ + +
+
+ + +
+
+
+
+ 成交占比 +
+
+ + +
+
+ + +
+
+
+
+ 涨停 +
+
+ + +
+
+ + +
+
+
+
+ 跌停 +
+
+ + +
+
+ + +
+
+
+
+ 上涨 +
+
+ + +
+
+ + +
+
+
+
+ 平盘 +
+
+ + +
+
+ + +
+
+
+
+ 下跌 +
+
+ + +
+
+ + +
+
+
涨停占比
+
跌停占比
+
上涨占比
+
平盘占比
+
下跌占比
交易日期
-
东财行业指数2级
+
东财2级行业指数
涨停数
涨停数变化
@@ -792,9 +1290,13 @@ export default { // 趋势时间段选择 trendTimePeriod: [ { - name: "当日趋势", + name: "综合趋势", is: true, }, + { + name: "当日趋势", + is: false, + }, { name: "5日趋势", is: false, @@ -2001,6 +2503,7 @@ export default { } .all { width: 66%; + height: 50%; .all_head { padding: 20px 0; display: flex; @@ -2033,6 +2536,8 @@ export default { .all_head_name { width: 120px; text-align: center; + white-space: normal; + word-wrap: break-word; } .all_head_turnover{ width: 85%0px; @@ -2052,10 +2557,12 @@ export default { } .head_plate_box { text-align: center; - width: 90px; + width: 80px; display: flex; justify-content: center; cursor: pointer; + white-space: normal; + word-break: break-word; .module_head_icon { margin-left: 4px; display: flex;