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

src/views/home/home.vue

@@ -12,7 +12,6 @@
           <!-- 政策解读 -->
           <div class="unscramble">
             <div class="title">
-              <div class="title_top">
               <div class="title_top_l">
                 <img src="@/assets/image/icon4.png" alt="" />
                 <img src="@/assets/image/icon5.png" alt="" />
@@ -29,8 +28,6 @@
                 </div>
               </router-link>
             </div>
-              <span>{{ date }}</span>
-            </div>
             <div class="tab_list">
               <el-tabs
                 v-model="queryParams2.attributeId"
@@ -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,34 +498,23 @@ export default {
     margin-top: 30px;
     .title {
       position: relative;
-      padding-right: 21px;
-      height: 40px;
-      line-height: 40px;
-      text-align: right;
-      background-color: #f3f3f3;
-      border-radius: 6px 6px 0px 0px;
-      .title_top {
-        position: absolute;
       display: flex;
       justify-content: space-between;
       align-items: center;
-        bottom: 0;
       padding: 0 20px;
-        width: 400px;
-        height: 50px;
-        background: #3394ff;
+      height: 40px;
+      line-height: 40px;
+      text-align: right;
+      background-color: #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;
         color: #666;
@@ -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>