修改样式

src/components/a-introduce/i-resources.vue

@@ -2,18 +2,18 @@
   <div class="i-resources">
     <div class="title">行业资源</div>
     <ul class="cards">
-      <li class="card"><img src="./i-resources/js.png"><div class="text"><h2>军事</h2><h4>literature</h4></div></li>
-      <li class="card"><img src="./i-resources/kj.png"><div class="text"><h2>科技</h2><h4>literature</h4></div></li>
+      <li class="card"><img src="./i-resources/js.png"><div class="text"><h2>军事</h2><h4>military</h4></div></li>
+      <li class="card"><img src="./i-resources/kj.png"><div class="text"><h2>科技</h2><h4>technology</h4></div></li>
       <li class="card"><img src="./i-resources/wx.png"><div class="text"><h2>文学</h2><h4>literature</h4></div></li>
-      <li class="card"><img src="./i-resources/ly.png"><div class="text"><h2>旅游</h2><h4>literature</h4></div></li>
-      <li class="card"><img src="./i-resources/qc.png"><div class="text"><h2>汽车</h2><h4>literature</h4></div></li>
-      <li class="card"><img src="./i-resources/cw.png"><div class="text"><h2>宠物</h2><h4>literature</h4></div></li>
-      <li class="card"><img src="./i-resources/sh.png"><div class="text"><h2>社会</h2><h4>literature</h4></div></li>
-      <li class="card"><img src="./i-resources/my.png"><div class="text"><h2>母婴</h2><h4>literature</h4></div></li>
-      <li class="card"><img src="./i-resources/ss.png"><div class="text"><h2>时尚</h2><h4>literature</h4></div></li>
-      <li class="card"><img src="./i-resources/ms.png"><div class="text"><h2>美食</h2><h4>literature</h4></div></li>
-      <li class="card"><img src="./i-resources/yl.png"><div class="text"><h2>娱乐</h2><h4>literature</h4></div></li>
-      <li class="card"><img src="./i-resources/jk.png"><div class="text"><h2>健康</h2><h4>literature</h4></div></li>
+      <li class="card"><img src="./i-resources/ly.png"><div class="text"><h2>旅游</h2><h4>tourism</h4></div></li>
+      <li class="card"><img src="./i-resources/qc.png"><div class="text"><h2>汽车</h2><h4>The car</h4></div></li>
+      <li class="card"><img src="./i-resources/cw.png"><div class="text"><h2>宠物</h2><h4>pet</h4></div></li>
+      <li class="card"><img src="./i-resources/sh.png"><div class="text"><h2>社会</h2><h4>social</h4></div></li>
+      <li class="card"><img src="./i-resources/my.png"><div class="text"><h2>母婴</h2><h4>fransnana</h4></div></li>
+      <li class="card"><img src="./i-resources/ss.png"><div class="text"><h2>时尚</h2><h4>fashion</h4></div></li>
+      <li class="card"><img src="./i-resources/ms.png"><div class="text"><h2>美食</h2><h4>food</h4></div></li>
+      <li class="card"><img src="./i-resources/yl.png"><div class="text"><h2>娱乐</h2><h4>entertainment</h4></div></li>
+      <li class="card"><img src="./i-resources/jk.png"><div class="text"><h2>健康</h2><h4>fitness</h4></div></li>
     </ul>
   </div>
 </template>
@@ -43,6 +43,7 @@
       border-radius: 5px
       margin: 15px 10px
       padding: 15px
+      text-align: left
       &:hover
         border-color: #707070
       &:nth-child(4n+1)
@@ -55,7 +56,7 @@
         border-radius: 88px
         display: inline-block
         vertical-align: middle
-        margin: 0 10px
+        margin: 0 5px
       .text
         display: inline-block
         vertical-align: middle
@@ -64,6 +65,7 @@
           color: #333
           font-size: 24px
           margin: 10px
+          width: 84px
         h4
           color: #808080
           font-size: 16px