From ed58afaaa564c54d22a42593265addce08bd5850 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 16 七月 2019 12:09:26 +0800
Subject: [PATCH] format-code
---
src/views/news/index.vue | 799 ++++++++++++++++++++++++++++----------------------------
1 files changed, 399 insertions(+), 400 deletions(-)
diff --git a/src/views/news/index.vue b/src/views/news/index.vue
index 9bcb874..f5aa436 100644
--- a/src/views/news/index.vue
+++ b/src/views/news/index.vue
@@ -1,431 +1,430 @@
<template>
- <div>
- <div class="banner">
- <img src="../../img/newsBanner.png" alt="" class="m_hide">
- <img src="../../img/xin.png" alt="" class="p_hide">
- </div>
- <div class="wrapper">
- <div class="contentTitle">
- <i class="contentTitle_before"></i>
- <span v-for="(tab, i) in tabs" :key="i" @click="cur=i" :class="{active:cur==i}">{{tab.name}}</span>
- <i class="contentTitle_after"></i>
- </div>
-
- <div class="tab-content">
- <div v-show="cur==0">
- <ul class="news_ul">
- <router-link to="/dynamicDetail" tag="li">
- <h3>
- <img src="../../img/qi1.png" alt="">
- </h3>
- <div class="news_ul_card">
- <h2>
- <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
- <span>2017-03-08</span>
- </h2>
- <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
- </div>
- </router-link>
- <router-link to="/dynamicDetail" tag="li">
- <h3>
- <img src="../../img/qi2.png" alt="">
- </h3>
- <div class="news_ul_card">
- <h2>
- <span style="display: block;">瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細璁殕閲嶄妇琛�</span>
- <span>2017-10-10</span>
- </h2>
- <p>9鏈�22鏃ヤ笂鍗堬紝瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細鍦ㄨ嫃宸炲巺闅嗛噸鍙紑锛屼笓涓氬伐鍏疯惀閿�涓績鏈辨�汇�佽储鍔″紶鎬汇�佷俊鎭寲绠＄悊閮ㄤ竵鎬伙紝鎼洪」鐩粍鍥㈤槦鍙傚姞浜嗘娆′細璁�傚寳浜槑绉戞櫘鍗庡壇鎬荤粡鐞嗗紶瀵岃吹鎼洪【闂唬琛�4浜哄嚭甯簡浼氳銆�</p>
- </div>
- </router-link>
- <router-link to="/dynamicDetail" tag="li">
- <h3>
- <img src="../../img/qi3.png" alt="">
- </h3>
- <div class="news_ul_card">
- <h2>
- <span style="display: block;">鏄庣鍞悗鏈嶅姟璺熻釜绯荤粺瑙ｅ喅鏂规</span>
- <span>2017-03-08</span>
- </h2>
- <p>鏄庣鏈嶅姟璺熻釜绯荤粺MK-SES 鏄敱鏄庣鍏徃棣栧垱鐨勫熀浜庤嚜鍔ㄨ瘑鍒妧鏈殑鏈嶅姟绯荤粺锛屽畠鑳借浼佷笟鑳藉鏇村ソ鐨勪负鐢ㄦ埛鎻愪緵鏇翠汉鎬у寲鐨勮窡韪湇鍔★紝骞朵笖鑳芥湁鏁堢殑闄嶄綆鏈嶅姟鎴愭湰銆�</p>
- </div>
- </router-link>
-
-
- <router-link to="/dynamicDetail" tag="li">
- <h3>
- <img src="../../img/qi4.png" alt="">
- </h3>
- <div class="news_ul_card">
- <h2>
- <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
- <span>2017-03-08</span>
- </h2>
- <p>鏄庣鏈嶅姟璺熻釜绯荤粺MK-SES 鏄敱鏄庣鍏徃棣栧垱鐨勫熀浜庤嚜鍔ㄨ瘑鍒妧鏈殑鏈嶅姟绯荤粺锛屽畠鑳借浼佷笟鑳藉鏇村ソ鐨勪负鐢ㄦ埛鎻愪緵鏇翠汉鎬у寲鐨勮窡韪湇鍔★紝骞朵笖鑳芥湁鏁堢殑闄嶄綆鏈嶅姟鎴愭湰銆�</p>
- </div>
- </router-link>
- <router-link to="/dynamicDetail" tag="li">
- <h3>
- <img src="../../img/qi5.png" alt="">
- </h3>
- <div class="news_ul_card">
- <h2>
- <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
- <span>2017-03-08</span>
- </h2>
- <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡銆佹壒鍙风瓑淇℃伅锛屽垱寤哄敮涓�鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜锛屾煡璇㈡祦閫氳繃绋嬩腑鐨勫晢鍝佹祦鍚戯紝杈惧埌闃蹭吉...</p>
- </div>
- </router-link>
- <router-link to="/dynamicDetail" tag="li">
- <h3>
- <img src="../../img/qi6.png" alt="">
- </h3>
- <div class="news_ul_card">
- <h2>
- <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
- <span>2017-03-08</span>
- </h2>
- <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡銆佹壒鍙风瓑淇℃伅锛屽垱寤哄敮涓�鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜锛屾煡璇㈡祦閫氳繃绋嬩腑鐨勫晢鍝佹祦鍚戯紝杈惧埌闃蹭吉...</p>
- </div>
- </router-link>
- </ul>
- </div>
- <div v-show="cur==1">
- <ul class="news_ul">
- <router-link to="/dynamicDetail" tag="li">
- <h3>
- <img src="../../img/qi1.png" alt="">
- </h3>
- <div class="news_ul_card">
- <h2>
- <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
- <span>2017-03-08</span>
- </h2>
- <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
- </div>
- </router-link>
- <router-link to="/dynamicDetail" tag="li">
- <h3>
- <img src="../../img/qi4.png" alt="">
- </h3>
- <div class="news_ul_card">
- <h2>
- <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
- <span>2017-03-08</span>
- </h2>
- <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
- </div>
- </router-link>
- </ul>
- </div>
- <div v-show="cur==2">
- <ul class="news_ul">
- <router-link to="/dynamicDetail" tag="li">
- <h3>
- <img src="../../img/qi2.png" alt="">
- </h3>
- <div class="news_ul_card">
- <h2>
- <span>鏄庣鍞悗鏈嶅姟璺熻釜绯荤粺瑙ｅ喅鏂规</span>
- <span>2017-03-08</span>
- </h2>
- <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
- </div>
- </router-link>
- <router-link to="/dynamicDetail" tag="li">
- <h3>
- <img src="../../img/qi5.png" alt="">
- </h3>
- <div class="news_ul_card">
- <h2>
- <span>鏄庣鍞悗鏈嶅姟璺熻釜绯荤粺瑙ｅ喅鏂规</span>
- <span>2017-03-08</span>
- </h2>
- <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
- </div>
- </router-link>
- </ul>
- </div><div v-show="cur==3">
- <ul class="news_ul">
- <router-link to="/dynamicDetail" tag="li">
- <h3>
- <img src="../../img/qi3.png" alt="">
- </h3>
- <div class="news_ul_card">
- <h2>
- <span>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
- <span>2017-03-08</span>
- </h2>
- <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
- </div>
- </router-link>
- <router-link to="/dynamicDetail" tag="li">
- <h3>
- <img src="../../img/qi6.png" alt="">
- </h3>
- <div class="news_ul_card">
- <h2>
- <span>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
- <span>2017-03-08</span>
- </h2>
- <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
- </div>
- </router-link>
- </ul>
- </div>
-
- <div class="p_hide" style="margin-bottom: -1rem;"></div>
- <div style="text-align: center;visibility: hidden;">
- <el-pagination
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- :current-page.sync="currentPage3"
- :page-size="10"
- background
- prev-text="涓婁竴椤�"
- next-text="涓嬩竴椤�"
- style="display: inline-block;margin: 0.6rem 0;"
- layout="prev, pager, next, jumper"
- :total="50">
- </el-pagination>
- </div>
- </div>
- </div>
+ <div>
+ <div class="banner">
+ <img src="../../img/newsBanner.png" alt="" class="m_hide">
+ <img src="../../img/xin.png" alt="" class="p_hide">
</div>
+ <div class="wrapper">
+ <div class="contentTitle">
+ <i class="contentTitle_before"></i>
+ <span v-for="(tab, i) in tabs" :key="i" @click="cur=i" :class="{active:cur==i}">{{tab.name}}</span>
+ <i class="contentTitle_after"></i>
+ </div>
+
+ <div class="tab-content">
+ <div v-show="cur==0">
+ <ul class="news_ul">
+ <router-link to="/dynamicDetail" tag="li">
+ <h3>
+ <img src="../../img/qi1.png" alt="">
+ </h3>
+ <div class="news_ul_card">
+ <h2>
+ <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
+ <span>2017-03-08</span>
+ </h2>
+ <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
+ </div>
+ </router-link>
+ <router-link to="/dynamicDetail" tag="li">
+ <h3>
+ <img src="../../img/qi2.png" alt="">
+ </h3>
+ <div class="news_ul_card">
+ <h2>
+ <span style="display: block;">瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細璁殕閲嶄妇琛�</span>
+ <span>2017-10-10</span>
+ </h2>
+ <p>9鏈�22鏃ヤ笂鍗堬紝瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細鍦ㄨ嫃宸炲巺闅嗛噸鍙紑锛屼笓涓氬伐鍏疯惀閿�涓績鏈辨�汇�佽储鍔″紶鎬汇�佷俊鎭寲绠＄悊閮ㄤ竵鎬伙紝鎼洪」鐩粍鍥㈤槦鍙傚姞浜嗘娆′細璁�傚寳浜槑绉戞櫘鍗庡壇鎬荤粡鐞嗗紶瀵岃吹鎼洪【闂唬琛�4浜哄嚭甯簡浼氳銆�</p>
+ </div>
+ </router-link>
+ <router-link to="/dynamicDetail" tag="li">
+ <h3>
+ <img src="../../img/qi3.png" alt="">
+ </h3>
+ <div class="news_ul_card">
+ <h2>
+ <span style="display: block;">鏄庣鍞悗鏈嶅姟璺熻釜绯荤粺瑙ｅ喅鏂规</span>
+ <span>2017-03-08</span>
+ </h2>
+ <p>鏄庣鏈嶅姟璺熻釜绯荤粺MK-SES 鏄敱鏄庣鍏徃棣栧垱鐨勫熀浜庤嚜鍔ㄨ瘑鍒妧鏈殑鏈嶅姟绯荤粺锛屽畠鑳借浼佷笟鑳藉鏇村ソ鐨勪负鐢ㄦ埛鎻愪緵鏇翠汉鎬у寲鐨勮窡韪湇鍔★紝骞朵笖鑳芥湁鏁堢殑闄嶄綆鏈嶅姟鎴愭湰銆�</p>
+ </div>
+ </router-link>
+
+ <router-link to="/dynamicDetail" tag="li">
+ <h3>
+ <img src="../../img/qi4.png" alt="">
+ </h3>
+ <div class="news_ul_card">
+ <h2>
+ <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
+ <span>2017-03-08</span>
+ </h2>
+ <p>鏄庣鏈嶅姟璺熻釜绯荤粺MK-SES 鏄敱鏄庣鍏徃棣栧垱鐨勫熀浜庤嚜鍔ㄨ瘑鍒妧鏈殑鏈嶅姟绯荤粺锛屽畠鑳借浼佷笟鑳藉鏇村ソ鐨勪负鐢ㄦ埛鎻愪緵鏇翠汉鎬у寲鐨勮窡韪湇鍔★紝骞朵笖鑳芥湁鏁堢殑闄嶄綆鏈嶅姟鎴愭湰銆�</p>
+ </div>
+ </router-link>
+ <router-link to="/dynamicDetail" tag="li">
+ <h3>
+ <img src="../../img/qi5.png" alt="">
+ </h3>
+ <div class="news_ul_card">
+ <h2>
+ <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
+ <span>2017-03-08</span>
+ </h2>
+ <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡銆佹壒鍙风瓑淇℃伅锛屽垱寤哄敮涓�鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜锛屾煡璇㈡祦閫氳繃绋嬩腑鐨勫晢鍝佹祦鍚戯紝杈惧埌闃蹭吉...</p>
+ </div>
+ </router-link>
+ <router-link to="/dynamicDetail" tag="li">
+ <h3>
+ <img src="../../img/qi6.png" alt="">
+ </h3>
+ <div class="news_ul_card">
+ <h2>
+ <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
+ <span>2017-03-08</span>
+ </h2>
+ <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡銆佹壒鍙风瓑淇℃伅锛屽垱寤哄敮涓�鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜锛屾煡璇㈡祦閫氳繃绋嬩腑鐨勫晢鍝佹祦鍚戯紝杈惧埌闃蹭吉...</p>
+ </div>
+ </router-link>
+ </ul>
+ </div>
+ <div v-show="cur==1">
+ <ul class="news_ul">
+ <router-link to="/dynamicDetail" tag="li">
+ <h3>
+ <img src="../../img/qi1.png" alt="">
+ </h3>
+ <div class="news_ul_card">
+ <h2>
+ <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
+ <span>2017-03-08</span>
+ </h2>
+ <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
+ </div>
+ </router-link>
+ <router-link to="/dynamicDetail" tag="li">
+ <h3>
+ <img src="../../img/qi4.png" alt="">
+ </h3>
+ <div class="news_ul_card">
+ <h2>
+ <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
+ <span>2017-03-08</span>
+ </h2>
+ <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
+ </div>
+ </router-link>
+ </ul>
+ </div>
+ <div v-show="cur==2">
+ <ul class="news_ul">
+ <router-link to="/dynamicDetail" tag="li">
+ <h3>
+ <img src="../../img/qi2.png" alt="">
+ </h3>
+ <div class="news_ul_card">
+ <h2>
+ <span>鏄庣鍞悗鏈嶅姟璺熻釜绯荤粺瑙ｅ喅鏂规</span>
+ <span>2017-03-08</span>
+ </h2>
+ <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
+ </div>
+ </router-link>
+ <router-link to="/dynamicDetail" tag="li">
+ <h3>
+ <img src="../../img/qi5.png" alt="">
+ </h3>
+ <div class="news_ul_card">
+ <h2>
+ <span>鏄庣鍞悗鏈嶅姟璺熻釜绯荤粺瑙ｅ喅鏂规</span>
+ <span>2017-03-08</span>
+ </h2>
+ <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
+ </div>
+ </router-link>
+ </ul>
+ </div>
+ <div v-show="cur==3">
+ <ul class="news_ul">
+ <router-link to="/dynamicDetail" tag="li">
+ <h3>
+ <img src="../../img/qi3.png" alt="">
+ </h3>
+ <div class="news_ul_card">
+ <h2>
+ <span>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
+ <span>2017-03-08</span>
+ </h2>
+ <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
+ </div>
+ </router-link>
+ <router-link to="/dynamicDetail" tag="li">
+ <h3>
+ <img src="../../img/qi6.png" alt="">
+ </h3>
+ <div class="news_ul_card">
+ <h2>
+ <span>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
+ <span>2017-03-08</span>
+ </h2>
+ <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
+ </div>
+ </router-link>
+ </ul>
+ </div>
+
+ <div class="p_hide" style="margin-bottom: -1rem;"></div>
+ <div style="text-align: center;visibility: hidden;">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page.sync="currentPage3"
+ :page-size="10"
+ background
+ prev-text="涓婁竴椤�"
+ next-text="涓嬩竴椤�"
+ style="display: inline-block;margin: 0.6rem 0;"
+ layout="prev, pager, next, jumper"
+ :total="50">
+ </el-pagination>
+ </div>
+ </div>
+ </div>
+ </div>
</template>
<script>
export default {
- data() {
- return {
- cur: 0,
- tabs:[
- {
- name:'鍏ㄩ儴'
- },
- {
- name:'浼佷笟璧勮'
- },
- {
- name:'鍏徃娲诲姩'
- },
- {
- name:'瑙ｅ喅鏂规'
- }
- ],
- currentPage3: 5,
+ data() {
+ return {
+ cur: 0,
+ tabs:[
+ {
+ name:'鍏ㄩ儴'
+ },
+ {
+ name:'浼佷笟璧勮'
+ },
+ {
+ name:'鍏徃娲诲姩'
+ },
+ {
+ name:'瑙ｅ喅鏂规'
}
- },
- methods: {
- handleSizeChange(val) {
- console.log(`姣忛〉 ${val} 鏉);
- },
- handleCurrentChange(val) {
- console.log(`褰撳墠椤�: ${val}`);
- }
- },
- mounted(){
-
+ ],
+ currentPage3: 5,
}
+ },
+ methods: {
+ handleSizeChange (val) {
+ console.log(`姣忛〉 ${val} 鏉);
+ },
+ handleCurrentChange(val) {
+ console.log(`褰撳墠椤�: ${val}`);
+ }
+ },
+ mounted () {
+
+ }
}
</script>
<style lang="less" scoped>
-@media (max-width: 750px) and (min-width: 0){
- .wrapper{
- width: 100%;
+@media (max-width: 750px) and (min-width: 0) {
+ .wrapper {
+ width: 100%;
+ }
+ .contentTitle {
+ width: 100%;
+ margin-bottom: .2rem;
+ span {
+ display: block;
+ height: .9rem;
+ line-height: .9rem;
+ font-size: .34rem;
+ text-align: center;
+ background-color: #F4F4F4;
+ border-bottom: 0.01rem solid #D7D7D7;
}
- .contentTitle{
- width: 100%;
- margin-bottom: .2rem;
- span{
- display: block;
- height: .9rem;
- line-height: .9rem;
- font-size: .34rem;
- text-align: center;
- background-color: #F4F4F4;
- border-bottom: 0.01rem solid #D7D7D7;
+ .active {
+ background: #20B7FE;
+ color: #fff;
+ border:none;
+ }
+ }
+ .news_ul {
+ width: 100%;
+ padding: 0.2rem 6% 0;
+ li {
+ margin-bottom: .35rem;
+ h3 {
+ position: relative;
+ span {
+ position: absolute;
+ left: 0.5rem;
+ bottom: 0.1rem;
+ color: #fff;
+ font-size: 0.3rem;
}
- .active{
- background: #20B7FE;
- color: #fff;
- border:none;
- }
+ }
+ p {
+ font-size: .24rem;
+ padding: .2rem .25rem .5rem;
+ color:#676767;
+ font-family:PingFang-SC-Regular;
+ font-weight:400;
+ color:rgba(103,103,103,1);
+ line-height:0.44rem;
+ }
+ .news_ul_card {
+ background-color: #F4F4F4;
+ }
}
- .news_ul{
- width: 100%;
- padding: 0.2rem 6% 0;
- li{
- margin-bottom: .35rem;
- h3{
- position: relative;
- span{
- position: absolute;
- left: 0.5rem;
- bottom: 0.1rem;
- color: #fff;
- font-size: 0.3rem;
- }
- }
- p{
- font-size: .24rem;
- padding: .2rem .25rem .5rem;
- color:#676767;
- font-family:PingFang-SC-Regular;
- font-weight:400;
- color:rgba(103,103,103,1);
- line-height:0.44rem;
- }
- .news_ul_card{
- background-color: #F4F4F4;
- }
- }
- h2{
- width: 100%;
- span{
- display: block;
- color: #676767;
- }
- span:first-child{
- font-size: .27rem;
- font-family:PingFang-SC-Bold;
- font-weight:bold;
- padding: .2rem 0.2rem 0;
- }
- span:nth-child(2){
- text-align: right;
- font-size: .22rem;
- padding: .2rem 0.2rem 0;
- }
- }
+ h2 {
+ width: 100%;
+ span {
+ display: block;
+ color: #676767;
+ }
+ span:first-child {
+ font-size: .27rem;
+ font-family:PingFang-SC-Bold;
+ font-weight:bold;
+ padding: .2rem 0.2rem 0;
+ }
+ span:nth-child(2) {
+ text-align: right;
+ font-size: .22rem;
+ padding: .2rem 0.2rem 0;
+ }
}
- .is-background{
- display: none;
- }
- button{
- width: 50%;
- margin-left:25%;
- border: 1px solid #52b6E7;
- color: #52b6E7;
- background: #fff;
- padding: .3rem 0;
- margin-bottom: .4rem;
- }
+ }
+ .is-background {
+ display: none;
+ }
+ button {
+ width: 50%;
+ margin-left:25%;
+ border: 1px solid #52b6E7;
+ color: #52b6E7;
+ background: #fff;
+ padding: .3rem 0;
+ margin-bottom: .4rem;
+ }
}
@media (min-width: 751px) {
- .contentTitle{
+ .contentTitle {
+ position: relative;
+ text-align: center;
+ margin: 0.99rem auto;
+ display: flex;
+ width: 30%;
+ span {
+ flex:1;
+ padding: 0.1rem 0.1rem;
+ display: inline-block;
+ font-size: 0.13rem;
+ cursor: pointer;
+ }
+ .contentTitle_before,.contentTitle_after {
+ position: absolute;
+ height: 1px;
+ width: .7rem;
+ background: #999;
+ top: 50%;
+ }
+ .contentTitle_before {
+ left: -.8rem;
+ }
+ .contentTitle_after {
+ right: -.8rem;
+ }
+ }
+ .news_ul {
+ // width: 70%;
+ margin: 0 auto;
+ display: flex;
+ flex-wrap: wrap;
+ li {
+ width: 31.5%;
+ margin-right: .3rem;
+ margin-bottom: .4rem;
+ cursor: pointer;
+ h2 {
+ padding: 0 .11rem;
+ span:first-child{
+ color: #20242A;
+ font-size: 0.15rem;
+ line-height: .3rem;
+ }
+ span:nth-child(2){
+ color:#676767;
+ font-size: 0.11rem;
+ float: right;
+ margin-top: 0.03rem;
+ }
+ }
+ p {
+ padding: 0.14rem 0.11rem;
+ color: #676767;
+ font-size: 0.11rem;
+ line-height: 0.25rem;
+ margin-top: 0.25rem;
+ }
+ }
+ li:nth-child(3n) {
+ margin-right: 0;
+ }
+ h3 {
+ width: 3.6rem;
+ position: relative;
+ overflow: hidden;
+ span {
+ display: inline-block;
+ width: 50%;
+ height: .22rem;
position: relative;
- text-align: center;
- margin: 0.99rem auto;
- display: flex;
- width: 30%;
- span{
- flex:1;
- padding: 0.1rem 0.1rem;
- display: inline-block;
- font-size: 0.13rem;
- cursor: pointer;
- }
- .contentTitle_before,.contentTitle_after{
- position: absolute;
- height: 1px;
- width: .7rem;
- background: #999;
- top: 50%;
- }
- .contentTitle_before{
- left: -.8rem;
- }
- .contentTitle_after{
- right: -.8rem;
- }
- }
- .news_ul {
- // width: 70%;
- margin: 0 auto;
- display: flex;
- flex-wrap: wrap;
- li{
- width: 31.5%;
- margin-right: .3rem;
- margin-bottom: .4rem;
- cursor: pointer;
- h2{
- padding: 0 .11rem;
- span:first-child{
- color: #20242A;
- font-size: 0.15rem;
- line-height: .3rem;
- }
- span:nth-child(2){
- color:#676767;
- font-size: 0.11rem;
- float: right;
- margin-top: 0.03rem;
- }
- }
- p{
- padding: 0.14rem 0.11rem;
- color: #676767;
- font-size: 0.11rem;
- line-height: 0.25rem;
- margin-top: 0.25rem;
- }
- }
- li:nth-child(3n){
- margin-right: 0;
- }
- h3{
- width: 3.6rem;
- position: relative;
- overflow: hidden;
- span{
- display: inline-block;
- width: 50%;
- height: .22rem;
- position: relative;
- bottom: 0.29rem;
- right: 0;
- color: #fff;
- text-align: center;
- }
- .b_txt{
- font-size: 0.2rem;
- position: absolute;
- top: 43%;
- left: 26%;
- }
- }
- }
-
- .news_ul_card{
- width: 3.6rem;
- height: 2.2rem;
- background:rgba(243,243,243,1);
- padding: 0.2rem 0.1rem 0;
- }
- button{
- display: none;
- }
- .is-background{
- margin: .8rem 3rem;
- }
- .active{
- background: #20B7FE;
+ bottom: 0.29rem;
+ right: 0;
color: #fff;
- border:none;
+ text-align: center;
+ }
+ .b_txt {
+ font-size: 0.2rem;
+ position: absolute;
+ top: 43%;
+ left: 26%;
+ }
}
-}
+ }
+ .news_ul_card {
+ width: 3.6rem;
+ height: 2.2rem;
+ background:rgba(243,243,243,1);
+ padding: 0.2rem 0.1rem 0;
+ }
+ button {
+ display: none;
+ }
+ .is-background {
+ margin: .8rem 3rem;
+ }
+ .active {
+ background: #20B7FE;
+ color: #fff;
+ border:none;
+ }
+}
</style>
<style>
- .el-pagination.is-background .el-pager li{
+ .el-pagination.is-background .el-pager li {
width: 0.3rem;
height: 0.3rem;
line-height: 0.3rem;
}
- .el-pagination button, .el-pagination span:not([class*="suffix"]){
+ .el-pagination button, .el-pagination span:not([class*="suffix"]) {
width: 0.45rem;
height: 0.3rem;
line-height: 0.3rem;
--
Gitblit v1.8.0