测试

src/pages/search.wpy

@@ -4,7 +4,7 @@
       <view class="search-wrapper">
         <van-field clearable left-icon="search" placeholder="搜索" bind:confirm="search" value="{{value}}" bind:input	="setValue" auto-focus	></van-field>
       </view>
-      <view class="search-cancel" bindtap="search">搜索</view>
+      <view class="search-cancel" bindtap="goback">取消</view>
       <view v-show="!searching">
         <view class="search-history">
           <text class="search-history-text">历史搜索</text>
@@ -125,6 +125,9 @@
         this.list = [];
         this.getList();
       },
+      goback() {
+        wx.navigateBack();
+      },
       getList() {
         this.isLoading = true;
         this.isDone = false;
@@ -277,9 +280,7 @@
         &-text {
           font-size: 30rpx;
           margin-right: 15rpx;
-          text-overflow: ellipsis;
-          overflow: hidden;
-          white-space: nowrap;
+          .ellipsis();
         }
 
         &-count {

src/style/common.less

@@ -43,3 +43,11 @@
 @border-radius-sm: 4rpx;
 @border-radius-md: 10rpx;
 
+// mixin
+.ellipsis {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+