Commit bc6f8fe7fb1a65bf20f34f51dc5269e6f74b1f7a
1 parent
ecd85869
样式修复
Showing
2 changed files
with
29 additions
and
14 deletions
packageA/pages/jfbuy/jfbuy.wxml
| @@ -79,14 +79,12 @@ | @@ -79,14 +79,12 @@ | ||
| 79 | <view wx:if="{{search_ing}}"> | 79 | <view wx:if="{{search_ing}}"> |
| 80 | <view class="cover-layer"></view> | 80 | <view class="cover-layer"></view> |
| 81 | <view class="s_box"> | 81 | <view class="s_box"> |
| 82 | - <view class="s_p_box"> | 82 | + <view class="pdh20 pdv10 flex ai_c jc_sb"> |
| 83 | <view class="input-box"> | 83 | <view class="input-box"> |
| 84 | - <text class="before iconfont icon-search_fd" catchtap="submitSearch"></text> | ||
| 85 | - <input class="input-search" name="word" placeholder="请输入商品关键字" focus="focus" | ||
| 86 | - bindconfirm="submitSearch" bindinput="getInput" bindfocus="inputFocus" value="{{keyword}}" /> | 84 | + <input class="input-search" name="word" placeholder="请输入商品关键字" bindconfirm="submitSearch" bindinput="getInput" bindfocus="inputFocus" value="{{keyword}}"/> |
| 87 | <text class="iconfont icon-guan" hidden="{{hiddenClear}}" catchtap="clearInput"></text> | 85 | <text class="iconfont icon-guan" hidden="{{hiddenClear}}" catchtap="clearInput"></text> |
| 88 | </view> | 86 | </view> |
| 89 | - <button catchtap="close_layer" style="margin-left:26rpx">取消</button> | 87 | + <button catchtap="close_layer" class="btn" hover-class="none">搜索</button> |
| 90 | </view> | 88 | </view> |
| 91 | </view> | 89 | </view> |
| 92 | </view> | 90 | </view> |
| 93 | \ No newline at end of file | 91 | \ No newline at end of file |
packageA/pages/jfbuy/jfbuy.wxss
| @@ -435,26 +435,42 @@ radio .wx-radio-input.wx-radio-input-checked::before{ | @@ -435,26 +435,42 @@ radio .wx-radio-input.wx-radio-input-checked::before{ | ||
| 435 | 435 | ||
| 436 | /*-- 搜索相关 --*/ | 436 | /*-- 搜索相关 --*/ |
| 437 | .s_box{ position: fixed;top:0;left: 0;background-color: #fff; width: 100%; z-index: 111111} | 437 | .s_box{ position: fixed;top:0;left: 0;background-color: #fff; width: 100%; z-index: 111111} |
| 438 | -.s_p_box{ | ||
| 439 | - padding:30rpx 40rpx;display: flex; align-items: center; | ||
| 440 | -} | ||
| 441 | .input-box { | 438 | .input-box { |
| 442 | position: relative; | 439 | position: relative; |
| 443 | flex: 1; | 440 | flex: 1; |
| 444 | - padding-left: 30rpx; | 441 | + padding-left: 50rpx; |
| 445 | padding-right: 70rpx; | 442 | padding-right: 70rpx; |
| 446 | - background-color: #f0f0f0; | ||
| 447 | - display: flex; | ||
| 448 | - align-items: center; | 443 | + background-color: #f0f0f0; |
| 444 | + border-radius: 60rpx; | ||
| 445 | +} | ||
| 446 | + | ||
| 447 | +.input-box::before { | ||
| 448 | + font-family: iconfont; | ||
| 449 | + position: absolute; | ||
| 450 | + left: 20rpx; | ||
| 451 | + top: 50%; | ||
| 452 | + transform: translateY(-50%); | ||
| 453 | + content: '\e618'; | ||
| 449 | } | 454 | } |
| 450 | 455 | ||
| 451 | .input-search { | 456 | .input-search { |
| 452 | position: relative; | 457 | position: relative; |
| 453 | padding: 10rpx; | 458 | padding: 10rpx; |
| 454 | - ont-size: 28rpx; | ||
| 455 | - width: 100%; | 459 | + font-size: 28rpx; |
| 460 | +} | ||
| 461 | + | ||
| 462 | + | ||
| 463 | +.btn { | ||
| 464 | + margin-left: 0; | ||
| 465 | + margin-right: 0; | ||
| 466 | + line-height: 1; | ||
| 467 | + padding: 20rpx; | ||
| 468 | + font-size: 30rpx; | ||
| 456 | } | 469 | } |
| 457 | 470 | ||
| 471 | +.btn::after { | ||
| 472 | + border: none; | ||
| 473 | +} | ||
| 458 | .icon-guan { | 474 | .icon-guan { |
| 459 | font-size: 20rpx; | 475 | font-size: 20rpx; |
| 460 | padding: 10rpx; | 476 | padding: 10rpx; |
| @@ -464,3 +480,4 @@ radio .wx-radio-input.wx-radio-input-checked::before{ | @@ -464,3 +480,4 @@ radio .wx-radio-input.wx-radio-input-checked::before{ | ||
| 464 | transform: translateY(-50%); | 480 | transform: translateY(-50%); |
| 465 | } | 481 | } |
| 466 | 482 | ||
| 483 | + |