diff --git a/src/views/trend/index.vue b/src/views/trend/index.vue index 82cedb5..ba9cbf5 100644 --- a/src/views/trend/index.vue +++ b/src/views/trend/index.vue @@ -163,6 +163,152 @@ +
+
+
+ {{ item.name }} +
+
+
+
+
交易日期
+
东财行业指数2级
+
涨停数
+
涨停数变化
+
+
+ 排名 +
+
+ + +
+
+ + +
+
+
+
+
排名变化
+
+ + +
+
+ + +
+
+
+
+ 暂无数据 +
+
+
+
+
+ {{ item.businessDate }} +
+
+ {{ item.securityName }} +
+
涨停
+
跌停
+
+
{{ item.sort }}
+
+
+ +
{{ item.sortChange }}
+
+
+
-
+
+
+ +
+ {{ Math.abs(item.sortChange) }} +
+
+
+
+
+
+ {{ item.sortChange }} +
+
+
+
+ + +
+
+
+
+ div { + margin-left: 20px; + cursor: pointer; + } + .rosefall_list_head { + position: sticky; + top: 56px; + font-size: 14px; + font-weight: bold; + display: flex; + align-items: center; + justify-content: space-between; + padding: 12px 20px; + background-color: #fff9f3; + .rosefall_head_left { + display: flex; + align-items: center; + .rosefall__head_date { + width: 80px; + } + .rosefall_head_name { + width: 140px; + text-align: center; + } + .rosefall_head_breakeven { + width: 90px; + text-align: center; + } + .rosefall_head_plate_box { + text-align: center; + width: 60px; + display: flex; + justify-content: center; + cursor: pointer; + .rosefall_module_head_icon { + margin-left: 4px; + display: flex; + flex-direction: column; + + .rosefall_head_icon { + width: 9px; + height: 5px; + margin-top: 2px; + } + } + } + } + .rosefall_head_ranking_box { + text-align: center; + width: 100px; + display: flex; + justify-content: center; + cursor: pointer; + .rosefall_module_head_icon { + margin-left: 4px; + display: flex; + flex-direction: column; + .rosefall_head_icon { + width: 9px; + height: 5px; + margin-top: 2px; + } + } + } + } + .rosefall_all_list { + padding: 16px 20px; + display: flex; + align-items: center; + justify-content: space-between; + font-size: 14px; + border-bottom: 1px solid #ececec; + .rosefall_all_list_left { + display: flex; + align-items: center; + .rosefall_all_list_date { + width: 80px; + } + .rosefall_all_list_name { + width: 140px; + text-align: center; + } + .rosefall_all__list_breakeven { + width: 70px; + text-align: center; + } + .rosefall_list_plate_box { + text-align: center; + width: 90px; + display: flex; + justify-content: center; + .rosefall_plate_box_right { + display: flex; + align-items: center; + margin-left: 10px; + } + .rosefall_liate_box_icon { + width: 9px; + height: 5px; + } + } + } + .rosefall_all_list_right { + text-align: center; + flex: 1; + } + } + .rosefall_all_pagination { + width: 100%; + display: flex; + align-items: center; + justify-content: center; + padding: 20px 0; + position: relative; + bottom: 0; + } +} .rose_head { font-weight: bold; padding: 20px;