首页新闻资讯样式修改（标题点击跳转）

assets/scss/cus-client/cus-client-page.scss

@@ -219,6 +219,8 @@
 
       .industry-information-box {
         margin-top: 48px;
+        h4{color: #333;}
+        h4:hover {cursor: pointer;color: #3e7ce7;}
         // 左
         .industry-information-left {
           width: 520px;
@@ -228,7 +230,7 @@
           color: #333;
           div {float: left;border-right: 1px solid #dbdbea;padding: 8px 16px 8px 0;}
           img {width: 520px;height: 210px;margin-bottom: 42px;}
-          h4 {@include setFontStyle(-2);margin-bottom: 16px;color: #222;}
+          h4 {@include setFontStyle(-2);margin-bottom: 16px;}
           i{width:25px;height:12px;float:right;background-image:url("~static/images/client/index/news-information-icon.png")}
           p {@include setFontStyle(-6);height: 68px;line-height: 22px;padding: 2px 0 0 16px;text-align: justify;@include multi-line-ellipsis(3);}
           b {@include setFontStyle(-4);font-weight: normal;display: block;margin-bottom: 16px;}
@@ -243,8 +245,7 @@
 
           li {border-bottom: 1px solid #ccc;margin-bottom: 16px;}
           li:last-child {border: 0;}
-          h4 {@include setFontStyle(-4);color: #333;@include single-line-ellipsis;margin-bottom: 12px;}
-          h4:hover {cursor: pointer;color: #3e7ce7;}
+          h4 {@include setFontStyle(-4);@include single-line-ellipsis;margin-bottom: 12px;}
           p {@include setFontStyle(-6);color: #666;@include single-line-ellipsis;margin-bottom: 16px;}
           span {margin: 0 30px 0 10px;}
         }

pages/index.vue

@@ -130,22 +130,22 @@
       <h4 class="client-title">新闻资讯</h4>
       <div class="client-container">
           <div class="industry-information-box">
-          <div class="industry-information-left">
-              <img :src="topCarousels[0].pic" alt="新闻资讯" />
-              <h4>{{ topCarousels[0].title }}<i></i></h4>
-              <div><b>{{ topCarousels[0].yyyy }}</b><span>{{ topCarousels[0].mmdd }}</span></div>
-              <p>{{ topCarousels[0].intro }}</p>
-          </div>
-          <div class="industry-information-right">
-            <ul>
-              <li v-for="(item, index) in topCarousels" v-if="index >= 1">
-                <h4 @click="checkInfo(item)"><span>{{ item.yyyy }}</span>{{ item.title }}</h4>
-                <p><span>{{ item.mmdd}}</span>{{ item.intro }}</p>
-              </li>
-            </ul>
+            <div class="industry-information-left">
+                <img :src="topCarousels[0].pic" alt="新闻资讯" />
+                <h4 @click="checkInfo(topCarousels[0])">{{ topCarousels[0].title }}<i></i></h4>
+                <div><b>{{ topCarousels[0].yyyy }}</b><span>{{ topCarousels[0].mmdd }}</span></div>
+                <p>{{ topCarousels[0].intro }}</p>
+            </div>
+            <div class="industry-information-right">
+              <ul>
+                <li v-for="(item, index) in topCarousels" v-if="index >= 1">
+                  <h4 @click="checkInfo(item)"><span>{{ item.yyyy }}</span>{{ item.title }}</h4>
+                  <p><span>{{ item.mmdd}}</span>{{ item.intro }}</p>
+                </li>
+              </ul>
+            </div>
           </div>
       </div>
-      </div>
 
     </div>