搜索栏样式调整

src/components/app-search-history/app-search-history.less

-.app-seach-history{
-  .record{
-    font-size: 30px;
-    padding: 10px 0;
-    ion-icon{
-      text-align: center;
-      background: #5475ab;
-      border-radius: 50%;
-      padding: 7px;
-      color: #fff;
+.app-seach-history {
+    .record {
+        font-size: 30px;
+        padding: 10px 0;
+        ion-icon {
+            text-align: center;
+            background: #5475ab;
+            border-radius: 50%;
+            padding: 7px;
+            color: #fff;
+        }
+        .record_icon {
+            text-align: center;
+            padding: 10px;
+            border-radius: 50%;
+            width: 70px;
+            height: 70px;
+            margin: 0 auto;
+            line-height: 70px;
+        }
+        .speaking {
+            background: #c6dfcc;
+        }
+        .record_text {
+            font-size: 12px;
+            text-align: center;
+        }
     }
-    .record_icon {
-      text-align: center;
-      padding: 10px;
-      border-radius: 50%;
-      width: 70px;
-      height: 70px;
-      margin: 0 auto;
-      line-height: 70px;
+    .history {
+        .hisText {
+            display: flex;
+            justify-content: space-between;
+            font-size: 15px;
+            color: #777777;
+            margin: 2px 15px;
+            .van-icon {
+                margin-top: 2px;
+            }
+        }
+        .hisItems {
+            margin: 5px 15px;
+            .van-tag {
+                margin-right: 15px;
+                margin-top: 6px;
+            }
+        }
     }
-    .speaking{
-      background: #c6dfcc;
+    .filter-btn {
+        position: relative;
+        top: 5px;
     }
-    .record_text{
-      font-size: 12px;
-      text-align: center;
-    }
-  }
-  .history{
-    .hisText{
-      display: flex;
-      justify-content: space-between;
-      font-size: 15px;
-      color: #777777;
-      margin:2px 15px;
-      .van-icon{
-        margin-top: 2px;
-      }
-    }
-    .hisItems{
-      margin: 5px 15px;
-      .van-tag{
-        margin-right: 15px;
-        margin-top: 6px;
-      }
-    }
-  }
-}
\ No newline at end of file
+}

src/components/app-search-history/app-search-history.vue

 <template>
   <div class="app-seach-history">
         <ion-toolbar>
-            <ion-searchbar style="height: 36px; padding-bottom: 0;" :placeholder="$t('app.fastsearch')" debounce="500" @ionChange="quickValueChange($event)" show-cancel-button="focus" :cancel-button-text="$t('app.button.cancel')" @ionFocus="searchbarFocus" @ionBlur="searchbarBlur" @search="searchVal" ref="searchbar"></ion-searchbar>
-            <ion-button v-if="showfilter" class="filter-btn" size="small" slot="end"  @click="openSearchform"><ion-icon  slot="end" name="filter-outline"></ion-icon>过滤</ion-button> 
+            <ion-searchbar style="height: 36px; padding-bottom: 0;" :placeholder="$t('app.fastsearch')" debounce="500" @ionChange="quickValueChange($event)"  @ionFocus="searchbarFocus" @ionBlur="searchbarBlur" @search="searchVal" ref="searchbar"></ion-searchbar>
+            <ion-button v-if="showfilter" class="filter-btn" size="small" slot="end"  @click="openSearchform"><ion-icon  slot="end" name="filter-outline"></ion-icon>过滤</ion-button>
         </ion-toolbar>
         <div class="history" v-if="hasHistory && (searchbarIsFocus || isSpeaking ) ">
           <div class="hisText"><div>最近搜索</div> <van-icon name="delete" @click="clearHistory"/></div>