Browse Source

修改首页样式

meidi 3 months ago
parent
commit
d1b75cecf7

BIN
src/assets/homeImg/gwyxx-h.png


BIN
src/assets/homeImg/gwyxx.png


BIN
src/assets/homeImg/hdjl.png


BIN
src/assets/homeImg/hyxx-h.png


BIN
src/assets/homeImg/hyxx.png


BIN
src/assets/homeImg/qhyw-h.png


BIN
src/assets/homeImg/qhyw.png


BIN
src/assets/homeImg/zwgk.png


+ 3 - 3
src/style/home/index.less

@@ -75,7 +75,6 @@
75 75
         text-align: center;
76 76
         line-height: 40px;
77 77
         border: 1px #cbd9e3 solid;
78
-        border-radius: 8px;
79 78
         margin-right: 14px;
80 79
         cursor: pointer;
81 80
       }
@@ -211,12 +210,13 @@
211 210
 }
212 211
 
213 212
 .col-box-title {
214
-  width: 102px;
213
+  width: 132px;
215 214
   line-height: 40px;
216 215
   margin-bottom: 12px;
217 216
   text-indent: 1ch;
218
-  color: #0176c9;
217
+  color: #fff;
219 218
   font-weight: bold;
219
+  background-color: #0176c9;
220 220
   border-bottom: 1px #0176c9 solid;
221 221
 }
222 222
 

+ 36 - 2
src/views/Home/index.vue

@@ -24,14 +24,20 @@
24 24
 				<div class="title">
25 25
 					<p class="errorClass" :class="{ actives: isHovered == 1 ? true : false }" @mouseenter="mouseenterIactives(1)"
26 26
 						@click="tabsData('1')">
27
+						<img class="img_trxt" v-if="isHovered == 1" src="../../assets/homeImg/gwyxx.png" alt="" />
28
+						<img class="img_trxt" v-else src="../../assets/homeImg/gwyxx-h.png" alt="" />
27 29
 						国务院信息
28 30
 					</p>
29 31
 					<p class="errorClass" :class="{ actives: isHovered == 2 ? true : false }" @mouseenter="mouseenterIactives(2)"
30 32
 						@click="tabsData('2')">
33
+						<img class="img_trxt" v-if="isHovered == 2" src="../../assets/homeImg/qhyw.png" alt="" />
34
+						<img class="img_trxt" v-else src="../../assets/homeImg/qhyw-h.png" alt="" />
31 35
 						青海要闻
32 36
 					</p>
33 37
 					<p class="errorClass" :class="{ actives: isHovered == 3 ? true : false }" @mouseenter="mouseenterIactives(3)"
34 38
 						@click="tabsData('3')">
39
+						<img class="img_trxt" v-if="isHovered == 3" src="../../assets/homeImg/hyxx.png" alt="" />
40
+						<img class="img_trxt" v-else src="../../assets/homeImg/hyxx-h.png" alt="" />
35 41
 						行业信息
36 42
 					</p>
37 43
 				</div>
@@ -93,7 +99,10 @@
93 99
 		<div class="col-box">
94 100
 			<div class="col-box-left">
95 101
 				<div class="col-box-text">
96
-					<p class="col-box-title">政务公开</p>
102
+					<p class="col-box-title">
103
+						<img class="img_trxt1" src="../../assets/homeImg/zwgk.png" alt="" />
104
+						政务公开
105
+					</p>
97 106
 				</div>
98 107
 				<div class="col-box-content">
99 108
 					<div class="col-content-top">
@@ -151,7 +160,10 @@
151 160
       </div> -->
152 161
 			<div class="col-box-left">
153 162
 				<div class="col-box-text">
154
-					<p class="col-box-title">互动交流</p>
163
+					<p class="col-box-title">
164
+						<img class="img_trxt1" src="../../assets/homeImg/hdjl.png" alt="" />
165
+						互动交流
166
+					</p>
155 167
 				</div>
156 168
 				<div class="col-box-content">
157 169
 					<div class="col-content-top1">
@@ -567,6 +579,13 @@ function getDIcList() {
567 579
 	width: 98%;
568 580
 }
569 581
 
582
+.errorClass {
583
+	background-color: #fafafa;
584
+	color: #3274c3;
585
+	font-weight: bold;
586
+}
587
+
588
+
570 589
 .actives {
571 590
 	background-color: #3274c3;
572 591
 	color: #ffffff;
@@ -584,6 +603,21 @@ function getDIcList() {
584 603
 	color: #333;
585 604
 }
586 605
 
606
+.img_trxt {
607
+	width: 18px;
608
+	height: 18px;
609
+	vertical-align: middle;
610
+	margin-bottom: 0px;
611
+}
612
+
613
+.img_trxt1 {
614
+	width: 22px;
615
+	height: 22px;
616
+	margin-right: 6px;
617
+	vertical-align: middle;
618
+	margin-bottom: 0px;
619
+}
620
+
587 621
 .bag-time {
588 622
 	width: 18%;
589 623
 }