Browse Source

Merge pull request '优化搜索框清除按钮:买家页面添加清除按钮,调整卖家和买家页面按钮样式' (#9) from Swt into Main

Reviewed-on: http://8.137.125.67:4000/SwtTt29/Program-mini/pulls/9
pull/1/head
SwtTt29 3 months ago
parent
commit
b2334d2e68
  1. 1
      pages/buyer/index.wxml
  2. 15
      pages/buyer/index.wxss
  3. 2
      pages/seller/index.wxml
  4. 10
      pages/seller/index.wxss

1
pages/buyer/index.wxml

@ -10,6 +10,7 @@
bindconfirm="searchGoods" bindconfirm="searchGoods"
value="{{searchKeyword}}" value="{{searchKeyword}}"
/> />
<view wx:if="searchKeyword" class="clear-icon" bindtap="clearSearch">✘</view>
</view> </view>
</view> </view>

15
pages/buyer/index.wxss

@ -58,6 +58,21 @@
font-size: 30rpx; font-size: 30rpx;
} }
.clear-icon {
font-size: 45rpx;
color: #26ba20ff;
padding: 8rpx;
border-radius: 0;
background-color: transparent;
cursor: pointer;
transition: all 0.2s ease;
}
.clear-icon:hover {
background-color: transparent;
color: #666;
}
.title { .title {
font-size: 36rpx; font-size: 36rpx;
font-weight: bold; font-weight: bold;

2
pages/seller/index.wxml

@ -30,7 +30,7 @@
bindconfirm="searchSupplies" bindconfirm="searchSupplies"
value="{{searchKeyword}}" value="{{searchKeyword}}"
/> />
<view wx:if="searchKeyword" class="clear-icon" bindtap="clearSearch"></view> <view wx:if="searchKeyword" class="clear-icon" bindtap="clearSearch"></view>
</view> </view>
</view> </view>

10
pages/seller/index.wxss

@ -70,17 +70,17 @@ button {
} }
.clear-icon { .clear-icon {
font-size: 24rpx; font-size: 50rpx;
color: #999; color: #36a913ff;
padding: 8rpx; padding: 8rpx;
border-radius: 50%; border-radius: 0;
background-color: #e9ecef; background-color: transparent;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
} }
.clear-icon:hover { .clear-icon:hover {
background-color: #dee2e6; background-color: transparent;
color: #666; color: #666;
} }

Loading…
Cancel
Save