政策解读、资讯快报title修改及更多input清除按钮

src/views/home/home.vue

@@ -12,24 +12,21 @@
           <!-- 政策解读 -->
           <div class="unscramble">
             <div class="title">
-              <div class="title_top">
+              <div class="title_top_l">
-                <div class="title_top_l">
+                <img src="@/assets/image/icon4.png" alt="" />
-                  <img src="@/assets/image/icon4.png" alt="" />
+                <img src="@/assets/image/icon5.png" alt="" />
-                  <img src="@/assets/image/icon5.png" alt="" />
-                </div>
-                <router-link
-                  target="_blank"
-                  :to="{
-                    path: '/portrait',
-                    query: { key: 'policyRead', val: '归口' }
-                  }"
-                >
-                  <div class="title_top_r pointer">
-                    更多<i class="el-icon-arrow-right"></i>
-                  </div>
-                </router-link>
               </div>
-              <span>{{ date }}</span>
+              <router-link
+                target="_blank"
+                :to="{
+                  path: '/portrait',
+                  query: { key: 'policyRead', val: '归口' }
+                }"
+              >
+                <div class="title_top_r pointer">
+                  更多<i class="el-icon-arrow-right"></i>
+                </div>
+              </router-link>
             </div>
             <div class="tab_list">
               <el-tabs
@@ -42,6 +39,7 @@
                 <el-tab-pane label="其他" name="OTHER"></el-tab-pane>
                 <div
                   class="tab_item"
+                  style="position: relative;padding-right:50px"
                   v-for="(item, index) in list2"
                   :key="item.id"
                 >
@@ -63,6 +61,9 @@
                   <i v-if="index < 3">
                     <img src="@/assets/image/new.png" alt="" />
                   </i>
+                  <span style="position: absolute;right: 0;top: 0;">{{
+                    parseTime(item.listDate, '{m}-{d}')
+                  }}</span>
                 </div>
               </el-tabs>
             </div>
@@ -107,6 +108,7 @@
           <div class="bulletin">
             <div class="title">
               <div>
+                <img src="@/assets/image/icon4r.png" alt="" />
                 <img src="@/assets/image/icon6.png" alt="" />
               </div>
               <router-link
@@ -299,10 +301,10 @@
         <div>
           <router-link
             target="_blank"
-            :to="{ path: '/notice', query: { key: '3', val: '合肥高新区' } }"
+            :to="{ path: '/notice', query: { key: '3', val: '合肥区县' } }"
           >
             <img src="@/assets/image/city/18.png" alt="" />
-            <span>合肥高新区</span>
+            <span>合肥区县</span>
           </router-link>
         </div>
       </div>
@@ -404,7 +406,7 @@ export default {
         pageNum: 1,
         pageSize: 7
       },
-      date: this.parseTime(new Date(), '{y}-{m}-{d}'),
+      // date: this.parseTime(new Date(), '{y}-{m}-{d}'),
       list: [],
       list2: [],
       list3: []
@@ -496,33 +498,22 @@ export default {
     margin-top: 30px;
     .title {
       position: relative;
-      padding-right: 21px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 0 20px;
       height: 40px;
       line-height: 40px;
       text-align: right;
-      background-color: #f3f3f3;
+      background-color: #3394ff;
       border-radius: 6px 6px 0px 0px;
-      .title_top {
+      img {
-        position: absolute;
+        vertical-align: middle;
-        display: flex;
+        margin-right: 10px;
-        justify-content: space-between;
+      }
-        align-items: center;
+      .title_top_r {
-        bottom: 0;
+        font-size: 16px;
-        padding: 0 20px;
+        color: #fff;
-        width: 400px;
-        height: 50px;
-        background: #3394ff;
-        border-radius: 6px 6px 0px 0px;
-        .title_top_l {
-          img {
-            vertical-align: middle;
-            margin-right: 10px;
-          }
-        }
-        .title_top_r {
-          font-size: 16px;
-          color: #fff;
-        }
       }
       span {
         font-size: 16px;
@@ -550,7 +541,7 @@ export default {
           color: #ffa32c;
         }
         span:nth-child(2) {
-          padding: 0 20px 0 20px;
+          padding: 0 10px 0 20px;
         }
       }
     }
@@ -598,13 +589,17 @@ export default {
       display: flex;
       justify-content: space-between;
       align-items: center;
-      padding: 0 21px;
+      padding: 0 20px;
       height: 40px;
-      background-color: #f3f3f3;
+      background-color: #3394ff;
       border-radius: 6px 6px 0px 0px;
+      img {
+        vertical-align: middle;
+        margin-right: 10px;
+      }
       .title_top_r {
         font-size: 16px;
-        color: #666;
+        color: #fff;
       }
     }
     .tab_list {

src/views/portrait.vue

@@ -11,6 +11,8 @@
             v-model="queryParams.title"
             placeholder="请输入搜索关键字"
             @keyup.enter.native="getPortraitList"
+            clearable
+            @clear="getPortraitList"
           ></el-input>
           <el-button type="warning" @click="getPortraitList">搜索</el-button>
         </div>