Merge branch 'dev' of http://101.36.160.140:21044/portal-site-vue-qinghai/portal-site-web into dev

src/style/home/index.less

@@ -75,7 +75,6 @@
         text-align: center;
         line-height: 40px;
         border: 1px #cbd9e3 solid;
-        border-radius: 8px;
         margin-right: 14px;
         cursor: pointer;
       }
@@ -211,12 +210,13 @@
 }
 
 .col-box-title {
-  width: 102px;
+  width: 132px;
   line-height: 40px;
   margin-bottom: 12px;
   text-indent: 1ch;
-  color: #0176c9;
+  color: #fff;
   font-weight: bold;
+  background-color: #0176c9;
   border-bottom: 1px #0176c9 solid;
 }
 

src/views/Home/index.vue

@@ -24,14 +24,20 @@
 				<div class="title">
 					<p class="errorClass" :class="{ actives: isHovered == 1 ? true : false }" @mouseenter="mouseenterIactives(1)"
 						@click="tabsData('1')">
+						<img class="img_trxt" v-if="isHovered == 1" src="../../assets/homeImg/gwyxx.png" alt="" />
+						<img class="img_trxt" v-else src="../../assets/homeImg/gwyxx-h.png" alt="" />
 						国务院信息
 					</p>
 					<p class="errorClass" :class="{ actives: isHovered == 2 ? true : false }" @mouseenter="mouseenterIactives(2)"
 						@click="tabsData('2')">
+						<img class="img_trxt" v-if="isHovered == 2" src="../../assets/homeImg/qhyw.png" alt="" />
+						<img class="img_trxt" v-else src="../../assets/homeImg/qhyw-h.png" alt="" />
 						青海要闻
 					</p>
 					<p class="errorClass" :class="{ actives: isHovered == 3 ? true : false }" @mouseenter="mouseenterIactives(3)"
 						@click="tabsData('3')">
+						<img class="img_trxt" v-if="isHovered == 3" src="../../assets/homeImg/hyxx.png" alt="" />
+						<img class="img_trxt" v-else src="../../assets/homeImg/hyxx-h.png" alt="" />
 						行业信息
 					</p>
 				</div>
@@ -93,7 +99,10 @@
 		<div class="col-box">
 			<div class="col-box-left">
 				<div class="col-box-text">
-					<p class="col-box-title">政务公开</p>
+					<p class="col-box-title">
+						<img class="img_trxt1" src="../../assets/homeImg/zwgk.png" alt="" />
+						政务公开
+					</p>
 				</div>
 				<div class="col-box-content">
 					<div class="col-content-top">
@@ -151,7 +160,10 @@
       </div> -->
 			<div class="col-box-left">
 				<div class="col-box-text">
-					<p class="col-box-title">互动交流</p>
+					<p class="col-box-title">
+						<img class="img_trxt1" src="../../assets/homeImg/hdjl.png" alt="" />
+						互动交流
+					</p>
 				</div>
 				<div class="col-box-content">
 					<div class="col-content-top1">
@@ -567,6 +579,13 @@ function getDIcList() {
 	width: 98%;
 }
 
+.errorClass {
+	background-color: #fafafa;
+	color: #3274c3;
+	font-weight: bold;
+}
+
+
 .actives {
 	background-color: #3274c3;
 	color: #ffffff;
@@ -584,6 +603,21 @@ function getDIcList() {
 	color: #333;
 }
 
+.img_trxt {
+	width: 18px;
+	height: 18px;
+	vertical-align: middle;
+	margin-bottom: 0px;
+}
+
+.img_trxt1 {
+	width: 22px;
+	height: 22px;
+	margin-right: 6px;
+	vertical-align: middle;
+	margin-bottom: 0px;
+}
+
 .bag-time {
 	width: 18%;
 }