wxd / MShopWeApp

Commit 8555acb022c60c6b50de2425f3070d5ccd857596

Authored by yvan.ni
1 parent 305bba84

搜索框的历史搜索事件

Inline Side-by-side
Showing 3 changed files with 29 additions and 2 deletions
components/diy_searchbox/diy_searchbox.js
  View file @8555acb
... ... @@ -41,6 +41,10 @@ Component({
41 41 return false;
42 42 }
43 43 this.setData({first:0,inputShowed:1,inputval:''});
  44 +
  45 +
  46 +
  47 +
44 48 },
45 49  
46 50 onblur:function(){
... ...
components/diy_searchbox/diy_searchbox.wxml
  View file @8555acb
1 1 <!--pages/diy_ss/diy_ss.wxml-->
2 2 <block wx:if="{{object.style==1}}">
3   - <view class='ss' >
  3 + <view class='ss' style="position: relative;">
4 4 <view bindtap='click_sear' class="s1_gk_a1" wx:if="{{first}}">
5 5 <view class='s_ge'>
6 6 <image src='{{imghost}}/miniapp/images/search.png'></image>
... ... @@ -15,11 +15,18 @@
15 15 bindconfirm="sear" bindinput='set_input' focus="{{inputShowed}}" bindblur="onblur" />
16 16 </view>
17 17 </view>
  18 +
  19 + <view class="his_str" wx:if="{{inputShowed}}">
  20 + <view class="h_title">历史搜索</view>
  21 + <view class="item">2121</view>
  22 + <view class="item">2121</view>
  23 + <view class="item">2121</view>
  24 + </view>
18 25 </view>
19 26 </block>
20 27  
21 28 <block wx:if="{{object.style==2}}">
22   -<view style='background-color:{{object.top_bgcolor}}; display: flex; align-items: center; justify-content: space-around; height: 100rpx;' >
  29 +<view style='background-color:{{object.top_bgcolor}}; display: flex; align-items: center; justify-content: space-around; height: 100rpx;position: relative;' >
23 30 <view class='s2_left'>
24 31 <navigator open-type="switchTab" url="/pages/goods/categoryList/categoryList" class="s1_gk_a1">
25 32 <image src='{{imghost}}/miniapp/images/model/nav.png' style="margin:0;position: relative;left: 6rpx"></image>
... ... @@ -41,5 +48,12 @@
41 48 <image src='{{imghost}}/miniapp/images/model/car.png' style="margin:0;;"></image>
42 49 </navigator>
43 50 </view>
  51 +
  52 + <view class="his_str" style="bottom: -190rpx;" wx:if="{{inputShowed}}">
  53 + <view>历史搜索</view>
  54 + <view>2121</view>
  55 + <view>2121</view>
  56 + <view>2121</view>
  57 + </view>
44 58 </view>
45 59 </block>
46 60 \ No newline at end of file
... ...
components/diy_searchbox/diy_searchbox.wxss
  View file @8555acb
... ... @@ -108,3 +108,12 @@
108 108 .icon-search:before {
109 109 content: "\e7b3";
110 110 }
  111 +
  112 +.his_str{
  113 + text-align: left;
  114 + position: absolute;
  115 + bottom: -110%;
  116 + z-index: 100;
  117 + background-color: #fff;
  118 + width: 94%;
  119 +}
111 120 \ No newline at end of file
... ...