样式修复

yvan.ni
1 parent ecd85869
Showing 2 changed files with 29 additions and 14 deletions
packageA/pages/jfbuy/jfbuy.wxml
packageA/pages/jfbuy/jfbuy.wxss
@@ -79,14 +79,12 @@
 <view wx:if="{{search_ing}}">
 	<view class="cover-layer"></view>
 	<view class="s_box">
-		<view class="s_p_box">
+		<view class="pdh20 pdv10 flex ai_c jc_sb">
 			<view class="input-box">
-				<text class="before iconfont icon-search_fd" catchtap="submitSearch"></text>
-				<input class="input-search" name="word" placeholder="请输入商品关键字" focus="focus"
-					   bindconfirm="submitSearch" bindinput="getInput" bindfocus="inputFocus" value="{{keyword}}" />
+				<input class="input-search" name="word" placeholder="请输入商品关键字" bindconfirm="submitSearch" bindinput="getInput" bindfocus="inputFocus" value="{{keyword}}"/>
 				<text class="iconfont icon-guan" hidden="{{hiddenClear}}" catchtap="clearInput"></text>
 			</view>
-			<button catchtap="close_layer" style="margin-left:26rpx">取消</button>
+			<button catchtap="close_layer" class="btn"  hover-class="none">搜索</button>
 		</view>
 	</view>
 </view>
 \ No newline at end of file
@@ -435,26 +435,42 @@ radio .wx-radio-input.wx-radio-input-checked::before{
  
 /*-- 搜索相关 --*/
 .s_box{ position: fixed;top:0;left: 0;background-color: #fff; width: 100%; z-index: 111111}
-.s_p_box{
-	padding:30rpx 40rpx;display: flex; align-items: center;
-}
 .input-box {
 	position: relative;
 	flex: 1;
-	padding-left: 30rpx;
+	padding-left: 50rpx;
 	padding-right: 70rpx;
-    background-color: #f0f0f0;
-    display: flex;
-    align-items: center;
+	background-color: #f0f0f0;
+	border-radius: 60rpx;
+}
+
+.input-box::before {
+	font-family: iconfont;
+	position: absolute;
+	left: 20rpx;
+	top: 50%;
+	transform: translateY(-50%);
+	content: '\e618';
 }
  
 .input-search {
 	position: relative;
 	padding: 10rpx;
-    ont-size: 28rpx;
-    width: 100%;
+	font-size: 28rpx;
+}
+
+
+.btn {
+	margin-left: 0;
+	margin-right: 0;
+	line-height: 1;
+	padding: 20rpx;
+	font-size: 30rpx;
 }
  
+.btn::after {
+	border: none;
+}
 .icon-guan {
 	font-size: 20rpx;
 	padding: 10rpx;
@@ -464,3 +480,4 @@ radio .wx-radio-input.wx-radio-input-checked::before{
 	transform: translateY(-50%);
 }
  
+