link

src/containers/login/components/friendlink/friendlink.vue

@@ -2,27 +2,33 @@
   <div class="youlian_mian">
     <div class="friendship">
       <ul>
-        <a href="http://110.83.229.16:8123/gaia/peelLogin.html" target="_blank" style="height: 69px;overflow: hidden;">
+        <a href="http://110.83.229.16:8123/gaia/peelLogin.html" target="_blank" class="friendship-a">
           <li>
-            <img alt=""  src="https://zwfw.fujian.gov.cn/img/icon/LOGO22.jpg" style="width: 274px;height: 59px;overflow: hidden;padding: 3px;" />
+            <img alt=""  src="/static/images/friendlink/link1.png" class="friendship-a-img" />
           </li>
         </a>
-        <a href="http://rcgz.mohurd.gov.cn" target="_blank"  style="height: 69px;overflow: hidden;">
+        <a href="http://rcgz.mohurd.gov.cn" target="_blank"  class="friendship-a">
           <li>
             <img alt=""
-              src="/static/images/friendlink/congyeguanli.png" style="width: 280px;height: 65px;overflow: hidden;"/>
+              src="/static/images/friendlink/congyeguanli.png" class="friendship-a-img"/>
           </li>
         </a>
 
-        <a href="http://220.160.52.118:9084/portalWeb/webPortal/toIndexPage" target="_blank" style="height: 69px;overflow: hidden;">
+        <a href="http://220.160.52.118:9084/portalWeb/webPortal/toIndexPage" target="_blank" class="friendship-a">
           <li>
-            <img alt="" src="/static/images/friendlink/fjjscyry.png"  style="width: 280px;height: 65px;overflow: hidden;"/>
+            <img alt="" src="/static/images/friendlink/fjjscyry.png"  class="friendship-a-img" />
           </li>
         </a>
 
-        <a href="http://zjj.sm.gov.cn/" target="_blank" style="width: 280px;height: 65px;overflow: hidden;">
+        <a href="http://zjj.sm.gov.cn/" target="_blank" class="friendship-a">
           <li>
-            <img src="/static/images/friendlink/sm.png" style="width: 260px;height: 60px;overflow: hidden;"/>
+            <img src="/static/images/friendlink/sm.png" class="friendship-a-img"/>
+          </li>
+        </a>
+
+        <a href="http://csjs.snjsrc.com/" target="_blank" class="friendship-a">
+          <li>
+            <img src="/static/images/friendlink/link5.png" class="friendship-a-img" />
           </li>
         </a>
       </ul>
@@ -33,14 +39,23 @@
 <style scoped>
 .friendship {
   margin-top:20px;
-  height: 100px;
+  height: 70px;
 }
 .friendship ul {
   display: flex;
   justify-content: space-between;
 }
-.friendship ul li img {
-  /* width: 100%; */
-  width: 280px;
+.friendship-a {
+  width: 220px;
+  height: 60px;
+  overflow: hidden;
 }
+
+.friendship-a-img {
+  width: 220px;
+  height: 55px;
+  padding: 3px;
+  overflow: hidden;
+}
+
 </style>