礼包搜索的优化叉叉

yvan.ni
1 parent 19e449b2
Showing 4 changed files with 19 additions and 4 deletions
components/lb_sear/lb_sear.js
components/lb_sear/lb_sear.wxml
components/lb_sear/lb_sear.wxss
packageE/pages/user/monthgiftbag/giftpackbuy/giftpackbuy.js
@@ -22,10 +22,18 @@ Component({
     input_sear(e){
       let value = e.detail.value;
-      this.data.sear_key=value;
+      this.setData({sear_key:value});
       this.triggerEvent('input_sear',value);
+    },
+
+    //-- 置空文本输入 --
+    close_txt(e){
+      this.setData({sear_key:'',f_sear:1});
+      this.triggerEvent('input_sear','');
     }
+
+
   }
 })
 \ No newline at end of file
 <view class="flex jc-center ai-center abs c-9 t_search_box">
 	<view bindtap="show_sear_inp" wx:if="{{f_sear==0}}"><text class="iconfont icon-search_fd"></text>搜索礼包</view>
-    <view wx:else><input  bindinput="input_sear" bindconfirm="search_lb" bindblur="blur_sear" focus="{{f_sear==1}}" style="width: 660rpx;"/> </view>
+    <view class="rel inp_box0" wx:else>
+        <input  bindinput="input_sear"  bindconfirm="search_lb" value="{{sear_key}}"
+                bindblur="blur_sear" focus="{{f_sear==1}}" style="width: 660rpx;"/>
+        <view hidden="{{!sear_key}}" catchtap="close_txt" class="abs close_box fs30"><text class="iconfont icon-guan"></text></view>
+    </view>
 </view>
@@ -2,3 +2,7 @@
 .t_search_box{
   border-radius:20rpx;bottom: 10rpx; width: 700rpx; left: 25rpx; height: 80rpx; background-color:rgba(255, 255, 255, 0.7);
 }
+
+.inp_box0{ display: flex; align-items: center; height: 80rpx;}
+
+.close_box{top: 0;right: 0; width: 50rpx; height: 80rpx; text-align: right; z-index: 1000;line-height: 80rpx }
 \ No newline at end of file
@@ -468,8 +468,7 @@ Page({
       data:r_q,
       success: function (res) {
-        this.data.searching=0;
-
+        th.data.searching=0;
         if (res.data.code == 0) {
           th.data.curpage++;
           var arr1 = th.data.wareCard;