搜索组件修改

taiyuan
1 parent 45e23ec1
Showing 2 changed files with 73 additions and 46 deletions
components/diy_searchbox/diy_searchbox.wxml
components/diy_searchbox/diy_searchbox.wxss
 <!--pages/diy_ss/diy_ss.wxml-->
+ <!-- wx:if="{{object.style==1}}" -->
+ <!-- first -->
 <block wx:if="{{object.style==1}}">
 	<view class='ss' style="position: relative;">
-		<view bindtap='click_sear'  class="s1_gk_a1" wx:if="{{first}}">
+		<view bindtap='click_sear'  class="s1_gk_a1" wx:if="{{false}}">
 		   <view class='s_ge'>
 			   <image src='{{imghost}}/miniapp/images/search.png'></image>
 		    	<text>在店铺内搜索</text>
@@ -14,6 +16,12 @@
 				 <input id="find_inp" class="find_inp" value=""
 					 bindconfirm="sear"  bindinput='set_input' focus="{{inputShowed}}" bindblur="onblur" />
 		   </view>
+			 <view class="his_str his_str1">
+			 	<view class="item">2121</view>
+			 	<view class="item">2121</view>
+			 	<view class="item">2121</view>
+			 	<view class="clear">清除</view>
+			 </view>
 		</view>		
@@ -21,50 +29,53 @@
 </block>
 <block wx:if="{{object.style==2}}">
-<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>
-        </navigator>
-    </view>
-    <view class='s2_cen' style='background-color:{{object.inner_bgcolor}}'>
-        <navigator wx:if="{{first}}" bindtap='click_sear' class="s1_gk_a2 flex" style='height: 100%;color:{{object.word_color?object.word_color:"#fff"}}'>
-           <text class="iconfont icon-search" style="font-size: 40rpx;"></text>
-           <text>在店铺内搜索</text>
-        </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">2121</view>
-						<view class="item">2121</view>
-						<view class="item">2121</view>
-						<view class="clear">清除</view>
-					</view>
-					<!-- wx:if="{{inputShowed}}" -->
+<view style="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>
+	        </navigator>
+	    </view>
+	    <view class='s2_cen' style='background-color:{{object.inner_bgcolor}}'>
+	        <navigator wx:if="{{first}}" bindtap='click_sear' class="s1_gk_a2 flex" style='height: 100%;color:{{object.word_color?object.word_color:"#fff"}}'>
+	           <text class="iconfont icon-search" style="font-size: 40rpx;"></text>
+	           <text>在店铺内搜索</text>
+	        </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 his_str2">
+							<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>
-    <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>
+	    </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>历史搜索</view>
-		<view>2121</view>
-		<view>2121</view>
-		<view>2121</view>
-	</view> -->
+		<!-- <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
@@ -109,7 +109,8 @@
   content: "\e7b3";
 }
-.his_str{
+
+.his_str {
 	position: absolute;
 	width: 600rpx;
 	top: 76rpx;
@@ -120,6 +121,14 @@
 	box-sizing: border-box;
 }
+.his_str.his_str1 {
+	width: 708rpx;
+}
+
+.his_str1.his_str {
+	top: 96rpx;
+}
+
 .pr {
 	position: relative;
 }
@@ -131,6 +140,7 @@
 .item {
 	padding: 0 20rpx;
 	border-bottom: 2rpx solid #f0f0f0;
+	line-height: 60rpx;
 }
 /* .item ~ .item {
 	border-top: 2rpx solid #f0f0f0;
@@ -139,4 +149,10 @@
 .clear {
 	text-align: right;
 	padding: 0 20rpx;
-}
 \ No newline at end of file
+	line-height: 60rpx;
+}
+
+/* .w100 {
+	width: 100%;
+	box-sizing: border-box;
+} */
 \ No newline at end of file