邓洁 commit : bottom区修改样式

src/views/index/components/academy_and_sciences.vue

@@ -12,7 +12,7 @@
                 10-03
               </div>
               <div class="sciences_content_text">
-                徐加鹏博士学术后李鹤博士 士学术学学后李鹤博士 士学术学学后李鹤博士 士学术学学后李鹤博士 士学术学学后李鹤博士 士学术学学受限通信受限随系…
+                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
               </div>
             </div>
             <div class="sciences_content">
@@ -20,7 +20,7 @@
                 10-03
               </div>
               <div class="sciences_content_text">
-                剑桥大学博士后李鹤博士后李鹤博士 士学术学学后李鹤博士 士学术学学后李鹤博士 士学术学学后李鹤博士 士学术学学报： 异…
+                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
               </div>
             </div>
             <div class="sciences_content">

src/views/index/components/bottom.vue

@@ -59,7 +59,7 @@
             </tr>
             <tr>
               <td>
-                <div class="right sex">
+                <div class="right six">
                   <div class="table_tr_left">{{ $t('message.major_projects') }}</div>
                   <div class="table_tr_right">{{data.majorProjects}}个</div>
                 </div>
@@ -145,7 +145,7 @@ export default {
       height: 6.8rem;
       clear: left;
       position: relative;
-      color: #FFFFFF;
+
 
       .table_tr_left {
         position: absolute;
@@ -167,34 +167,58 @@ export default {
     }
 
     .one {
-      background-image: url("../../../assets/index/bottom/sy_icon_zxxs.png");
-    }
-
-    .tow {
-      margin-left: 6rem;
-      background-image: url("../../../assets/index/bottom/sy_icon_yjs.png");
-    }
-
-    .three {
-      margin-left: 12rem;
-      background-image: url("../../../assets/index/bottom/sy_icon_kytd.png");
-    }
-
-    .fourth {
-      margin-left: 18rem;
-      background-image: url("../../../assets/index/bottom/sy_icon_gccrc.png");
-    }
-
-    .five {
-      margin-left: 12rem;
+      color: #FFFFFF;
       background-image: url("../../../assets/index/bottom/sy_icon_gzrs.png");
     }
-
-    .sex {
+    .one:hover{
+      background-image: url("../../../assets/index/bottom/sy_icon_gzrs1.png");
+        color:#2E67C8;
+    }
+    .tow {
+      color: #FFFFFF;
       margin-left: 6rem;
       background-image: url("../../../assets/index/bottom/sy_icon_zxxs.png");
     }
-
+    .tow:hover {
+      background-image: url("../../../assets/index/bottom/sy_icon_zxxs2.png");
+        color:#2E67C8;
+    }
+    .three {
+      color: #FFFFFF;
+      margin-left: 12rem;
+      background-image: url("../../../assets/index/bottom/sy_icon_yjs.png");
+    }
+    .three:hover {
+      background-image: url("../../../assets/index/bottom/sy_icon_yjs3.png");
+        color:#2E67C8;
+    }
+    .fourth {
+      color: #FFFFFF;
+      margin-left: 18rem;
+      background-image: url("../../../assets/index/bottom/sy_icon_kytd.png");
+    }
+    .fourth:hover {
+      background-image: url("../../../assets/index/bottom/sy_icon_kytd4.png");
+        color:#2E67C8;
+    }
+    .five {
+      color: #FFFFFF;
+      margin-left: 12rem;
+      background-image: url("../../../assets/index/bottom/sy_icon_gccrc.png");
+    }
+    .five:hover {
+      background-image: url("../../../assets/index/bottom/sy_icon_gccrc5.png");
+        color:#2E67C8;
+    }
+    .six {
+      color: #FFFFFF;
+      margin-left: 6rem;
+      background-image: url("../../../assets/index/bottom/sy_icon_zdxm.png");
+    }
+    .six:hover{
+      background-image: url("../../../assets/index/bottom/sy_icon_zdxm6.png");
+        color:#2E67C8;
+    }
   }
 
 }