Просмотр исходного кода

refactor(blockingDataScreen): 简化头部导航并更新标题

移除头部导航栏并更新标题为"盛世鹰眸质控系统【查堵】(安检站)",使界面更加简洁
huoyi дней назад: 3
Родитель
Сommit
b77e57e69f
1 измененных файлов с 2 добавлено и 29 удалено
  1. 2 29
      src/views/blockingData/blockingDataScreen/index.vue

+ 2 - 29
src/views/blockingData/blockingDataScreen/index.vue

@@ -1,13 +1,7 @@
1
 <template>
1
 <template>
2
   <div class="blocking-data-screen">
2
   <div class="blocking-data-screen">
3
     <div class="screen-header">
3
     <div class="screen-header">
4
-      <div class="header-title">查堵数据统计大屏(实时)</div>
5
-      <div class="header-nav">
6
-        <div class="nav-item active">运行数据分析</div>
7
-        <div class="nav-item">查堵人员分析</div>
8
-        <div class="nav-item">培训质控分析</div>
9
-        <div class="nav-item">放行速率分析</div>
10
-      </div>
4
+      <div class="header-title">盛世鹰眸质控系统【查堵】(安检站)</div>
11
     </div>
5
     </div>
12
     
6
     
13
     <div class="screen-content">
7
     <div class="screen-content">
@@ -63,31 +57,10 @@ import ModuleFour from './components/ModuleFour.vue'
63
   text-shadow: 0 0 10px rgba(112, 207, 231, 0.5);
57
   text-shadow: 0 0 10px rgba(112, 207, 231, 0.5);
64
 }
58
 }
65
 
59
 
66
-.header-nav {
67
-  display: flex;
68
-  gap: 15px;
69
-}
70
 
60
 
71
-.nav-item {
72
-  padding: 8px 20px;
73
-  background: rgba(112, 207, 231, 0.1);
74
-  border: 1px solid rgba(112, 207, 231, 0.3);
75
-  border-radius: 4px;
76
-  color: #B4E9FF;
77
-  font-size: 14px;
78
-  cursor: pointer;
79
-  transition: all 0.3s;
80
-}
81
 
61
 
82
-.nav-item:hover {
83
-  background: rgba(112, 207, 231, 0.2);
84
-}
85
 
62
 
86
-.nav-item.active {
87
-  background: linear-gradient(90deg, #3398BE, #0B5883);
88
-  border-color: #70CFE7;
89
-  color: #fff;
90
-}
63
+
91
 
64
 
92
 .screen-content {
65
 .screen-content {
93
   flex: 1;
66
   flex: 1;