搜索框

taiyuan
1 parent 8555acb0
Showing 2 changed files with 57 additions and 22 deletions
components/diy_searchbox/diy_searchbox.wxml
components/diy_searchbox/diy_searchbox.wxss
@@ -11,22 +11,17 @@
 		<view   class="s1_gk_a1" wx:else>
 		   <view class='s_ge flex'>
 			   <image class="find_img" src='{{imghost}}/miniapp/images/search.png' bindtap='sear'></image>
-		       <input id="find_inp" class="find_inp" value=""
-				   bindconfirm="sear"  bindinput='set_input' focus="{{inputShowed}}" bindblur="onblur" /> 
+				 <input id="find_inp" class="find_inp" value=""
+					 bindconfirm="sear"  bindinput='set_input' focus="{{inputShowed}}" bindblur="onblur" />
 		   </view>
 		</view>		
-		<view class="his_str" wx:if="{{inputShowed}}">
-			<view class="h_title">历史搜索</view>
-			<view class="item">2121</view>
-			<view class="item">2121</view>
-			<view class="item">2121</view>
-		</view>	
+			
 	</view>
 </block>
 <block wx:if="{{object.style==2}}">
-<view style='background-color:{{object.top_bgcolor}}; display: flex; align-items: center; justify-content: space-around; height: 100rpx;position: relative;' >
+<view style='background-color:{{object.top_bgcolor}}; display: flex; align-items: center; justify-content: space-around;padding:16rpx 0;'>
     <view class='s2_left'>
         <navigator open-type="switchTab" url="/pages/goods/categoryList/categoryList" class="s1_gk_a1">
         <image src='{{imghost}}/miniapp/images/model/nav.png' style="margin:0;position: relative;left: 6rpx"></image>
@@ -37,23 +32,40 @@
            <text class="iconfont icon-search" style="font-size: 40rpx;"></text>
            <text>在店铺内搜索</text>
         </navigator>
-		<navigator wx:else class="s1_gk_a2 flex" style='height: 100%;color:{{object.word_color?object.word_color:"#fff"}}'>			 
-			  <text style="font-size: 40rpx;" class="iconfont icon-search" bindtap='sear'></text>
-		      <input  id="find_inp" class="find_inp2" value="" 
-						   bindconfirm="sear"  bindinput='set_input' focus="{{inputShowed}}"  /> 
-		 </navigator>
+		<view wx:else class="s1_gk_a2" style='color:{{object.word_color?object.word_color:"#fff"}}'>
+				<!-- <view class="pr"> -->
+					<view class="flex ali-c">
+						<text style="font-size: 40rpx;" class="iconfont icon-search" bindtap='sear'></text>
+						<input  id="find_inp" class="find_inp2" value="" 
+								   bindconfirm="sear"  bindinput='set_input' focus="{{inputShowed}}"/>
+					</view>
+					<view class="his_str">
+						<view class="item">历史搜索</view>
+						<view class="item">2121</view>
+						<view class="item">2121</view>
+						<view class="item">2121</view>
+						<view class="clear">清除</view>
+					</view>
+					<!-- wx:if="{{inputShowed}}" -->
+					
+			  <!-- </view> -->
+				
+			   
+		 </view>
     </view>
     <view class='s2_right'>
         <navigator open-type="switchTab"  url="/pages/cart/cart/cart" class="s1_gk_a1">
         <image src='{{imghost}}/miniapp/images/model/car.png' style="margin:0;;"></image>
         </navigator>
     </view>
+		
+		
-	<view class="his_str" style="bottom: -190rpx;" wx:if="{{inputShowed}}">
+	<!-- <view class="his_str" style="bottom: -190rpx;" wx:if="{{inputShowed}}">
 		<view>历史搜索</view>
 		<view>2121</view>
 		<view>2121</view>
 		<view>2121</view>
-	</view>
+	</view> -->
 </view>
 </block>
 \ No newline at end of file
@@ -42,7 +42,7 @@
 .s2_cen{
     width: 80%;
-    height: 70rpx;
+    /* height: 70rpx; */
     color: #fff;
     text-align: left;
     font-size: 28rpx;
@@ -110,10 +110,33 @@
 }
 .his_str{
-	text-align: left;
 	position: absolute;
-	bottom: -110%;
-	z-index: 100;
-	background-color: #fff;
-	width: 94%;
+	width: 600rpx;
+	top: 76rpx;
+	z-index: 999;
+	color: black;
+	background-color: white;
+	border: 2rpx solid #f0f0f0;
+	box-sizing: border-box;
+}
+
+.pr {
+	position: relative;
+}
+
+.ali-c {
+	align-items: center;
+}
+
+.item {
+	padding: 0 20rpx;
+	border-bottom: 2rpx solid #f0f0f0;
+}
+/* .item ~ .item {
+	border-top: 2rpx solid #f0f0f0;
+} */
+
+.clear {
+	text-align: right;
+	padding: 0 20rpx;
 }
 \ No newline at end of file