筛选

newsShop/pages/patternMenu/patternMenu.js

@@ -97,7 +97,7 @@ Page({
   onShareAppMessage: function () {
 
   },
-  tab(e){
+  tab(e){ // 头部tab切换
     let that = this;
     that.setData({
       isSelect: e.currentTarget.dataset.id,
@@ -124,6 +124,37 @@ Page({
     })
     that.getGiftList(that)
   },
+  priceMaxMinTap(){ // 价格区间筛选
+    let that = this;
+    that.setData({
+      filterStatic: true
+    })
+  },
+  close(){
+    let that = this;
+    that.setData({
+      filterStatic: false
+    })
+  },
+  blurPriceMin(e){
+    // event.detail = {value: value}
+    let that = this;
+    that.setData({
+      minPrice: e.detail.value,
+      page: 1,
+      goodsList: [],
+    })
+    that.getGiftList(that)
+  },
+  blurPriceMax(e){
+    let that = this;
+    that.setData({
+      maxPrice:e.detail.value,
+      page:1,
+      goodsList:[],
+    })
+    that.getGiftList(that)
+  },
   getGiftNavTab(that){
     wx.request({
       url: host + '/classifyapi/classifyTwoAll',

newsShop/pages/patternMenu/patternMenu.wxml

@@ -29,7 +29,7 @@
           <view class='triangle-invert {{priceSort == "desc" ? "active" : ""}}'></view>
         </view>
       </view>
-      <view class='f-item f-box f-align-items-center f-justify-content-center'>
+      <view class='f-item f-box f-align-items-center f-justify-content-center' bindtap='priceMaxMinTap'>
         <view>筛选</view>
         <!-- 三角形 -->
         <view class='triangle-box' style='height:16rpx'>
@@ -53,11 +53,11 @@
             <view class='filter-next-title'>价格区间(元)</view>
             <view class='f-box filter-range'>
               <view class='f-item'>
-                <input placeholder='最低价'></input>
+                <input placeholder='最低价' bindblur="blurPriceMin"></input>
               </view>
                <view class='f-item'>——</view>
                <view class='f-item'>
-                <input placeholder='最高价'></input>
+                <input placeholder='最高价' bindblur="blurPriceMax"></input>
               </view>
             </view>
           </view>

newsShop/pages/patternMenu/patternMenu.wxss

@@ -49,7 +49,8 @@ page{
   padding:20rpx;
   background:#fff;
   position:absolute;
-  top:100rpx;
+  top:82rpx;
+  width:100%;
 }
 .filter-range{
   width:400rpx;