src/assets/compatible.less

@@ -72,4 +72,13 @@
         }
       }
     }
+  }
+  @media screen and (max-width: 850px) {
+    .review {
+      .contentList {
+        .circular {
+          height: 65vw;
+        }
+      }
+    }
   }

src/components/foot/links.vue

@@ -44,7 +44,7 @@ export default {
     width: 8%;
   }
   .imgbox {
-    width: 80%;
+    width: 100%;
     height: 4vh;
     display: flex;
     overflow: hidden;

src/components/sidebar/title.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="titlebox">
-    <div class="txtbox" :class="{ txtbox2: type !== '1', txtbox3: type == '8' }">
+    <div class="txtbox" :class="{ txtbox2: type !== '1', txtbox3: type == '2' }">
       <img src="../../assets/icons/tb0.png" alt="图标" class="tb">
       <h4>{{ title }}</h4>
       <span>{{ en }}</span>
     </div>
-    <div class="xian" :class="{ xian2: type !== '1' && type !== '8', xian3: type == '8' }"></div>
-    <a class="more" :class="{ more2: type == '8' }" v-if="type !== '1' && type !== '正文'" @click="btn">更多>></a>
+    <div class="xian" :class="{ xian2: type !== '1' && type !== '8', xian3: type == '2' }"></div>
+    <a class="more" :class="{ more2: type == '2' }" v-if="type !== '1' && type !== '正文'" @click="btn">更多>></a>
   </div>
 </template>
 
@@ -64,10 +64,10 @@ export default {
     width: 83%;
   }
   .txtbox3 {
-    width: 40%;
+    width: 35%;
   }
   .xian3 {
-    width: 60%;
+    width: 65%;
   }
   .more {
     position: absolute;

src/views/Home.vue

@@ -21,24 +21,11 @@
       <bottons class="bottons"></bottons>
     </div>
     <!-- 本期要目 -->
-    <div class="directory w">
-      <titles type="9" title="本期要目" en="Directory" @jump="jumpList"></titles>
-      <div class="contentList">
-        <el-card class="imgbox" v-for="(item, index) in directorylist" :key="index">
-          <div class="box">
-            <img :src="item.thumbnail || imguri" alt="人物">
-          </div>
-          <p class="text" @click="jump(item, '9')">{{ item.title }}</p>
-          <p class="date">{{ item.date }}</p>
-        </el-card>
-      </div>
-    </div>
-    <!-- 最新动态 -->
     <div class="news w">
-      <titles type="2" title="最新动态" en="news" @jump="jumpList"></titles>
+      <titles type="9" title="本期要目" en="Directory" @jump="jumpList"></titles>
       <div class="contentList">
-        <div class="imngbox" v-for="(item, index) in newslist" :key="index" @click="jump(item, '2')">
-          <img :src="item.thumbnail || imguri" alt="最新动态" class="left">
+        <div class="imngbox" v-for="(item, index) in directorylist" :key="index" @click="jump(item, '9')">
+          <img :src="item.thumbnail || imguri" alt="本期要目" class="left">
           <div class="right">
             <p class="title">{{ item.title }}</p>
             <p class="date">{{ item.date }}</p>
@@ -47,6 +34,19 @@
         </div>
       </div>
     </div>
+    <!-- 党建园地 -->
+    <div class="directory w">
+      <titles type="007" title="党建园地" en="Building" @jump="jumpList"></titles>
+      <div class="contentList">
+        <el-card class="imgbox" v-for="(item, index) in park" :key="index">
+          <div class="box">
+            <img :src="item.thumbnail || imguri" alt="人物">
+          </div>
+          <p class="text" @click="jump(item, '007')">{{ item.title }}</p>
+          <p class="date">{{ item.date }}</p>
+        </el-card>
+      </div>
+    </div>
     <!-- 往期回顾 -->
     <div class="review w">
       <div class="titlebox">
@@ -71,12 +71,12 @@
         </div>
       </div>
     </div>
-    <!-- 联系我们 -->
+    <!-- 最新动态 -->
     <div class="communication w">
       <div class="left">
-        <titles type="8" title="联系我们" en="Communication" @jump="jumpList"></titles>
+        <titles type="2" title="最新动态" en="news" @jump="jumpList"></titles>
         <div class="textlist">
-          <p class="textbox" @click="jump(item, '8')" v-for="(item, index) in communicationlist" :key="index">
+          <p class="textbox" @click="jump(item, '2')" v-for="(item, index) in newslist" :key="index">
             <span class="text">{{ item.title }}</span>
             <span class="date">{{ item.date }}</span>
           </p>
@@ -91,8 +91,8 @@
           <p>3.本刊未与任何社会中介机构合作办刊，    并保留向假冒者追究法律责任的权利。</p>
         </div>
         <div class="weixin">
-          <img src="../assets/weixin.png" alt="微信">
-          <p>微信</p>
+          <img src="../assets/weixin.png" alt="公众号">
+          <p>公众号</p>
         </div>
       </div>
     </div>
@@ -123,7 +123,8 @@ export default {
       communicationlist: [],
       directorylist: [],
       newslist: [],
-      reviewlist: []
+      reviewlist: [],
+      park: []
     }
   },
   methods: {
@@ -162,29 +163,29 @@ export default {
     if (pagelist.data.errcode === 0) {
       const res = pagelist.data.data.filter(p => p.code === '1')
       await this.getdetails({ code: res[0].pages })
-      const list = ['9', '2', '4', '8']
+      const list = ['9', '007', '4', '2']
       list.forEach(async e => {
         let num
-        if (e === '9') num = 4
-        if (e === '2') num = 6
+        if (e === '9') num = 6
+        if (e === '007') num = 8
         if (e === '4') num = 4
-        if (e === '8') num = 5
+        if (e === '2') num = 5
         const contentList = await this.getcontent({ code: e, skip: 0, limit: num })
         switch (e) {
           case '9':
             this.directorylist = contentList.data.data
             break
 
-          case '2':
-            this.newslist = contentList.data.data
+          case '007':
+            this.park = contentList.data.data
             break
 
           case '4':
             this.reviewlist = contentList.data.data
             break
 
-          case '8':
-            this.communicationlist = contentList.data.data
+          case '2':
+            this.newslist = contentList.data.data
             break
           default:
             break
@@ -247,7 +248,7 @@ export default {
     .imgbox {
       width: 23%;
       margin: 1%;
-      height: 20vw;
+      height: 320px;
       /deep/ .el-card__body {
         height: 100%;
         .box {