yudao
/
mall-uniapp
mirror of https://gitee.com/yudaocode/yudao-mall-uniapp.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix：搜索组件优化

pull/8/head
kele 2023-04-07 19:59:10 +08:00
parent 4d074d5964
commit af8e3a8084
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
sheep/components/s-search-block/s-search-block.vue
View File

@ -26,6 +26,7 @@
cancelButton="none" cancelButton="none"
clearButton="none" clearButton="none"
@confirm="onSearch" @confirm="onSearch"
v-model="state.searchVal"
/> />
<view class="keyword-link ss-flex"> <view class="keyword-link ss-flex">
<view v-for="(item, index) in data.keywords" :key="index"> <view v-for="(item, index) in data.keywords" :key="index">
@ -129,6 +130,9 @@
function onSearch(e) { function onSearch(e) {
if (e.value) { if (e.value) {
sheep.$router.go('/pages/goods/list', { keyword: e.value }); sheep.$router.go('/pages/goods/list', { keyword: e.value });
setTimeout(() => {
state.searchVal = '';
}, 100);
} }
} }
</script> </script>
@ -137,14 +141,17 @@
.border-content { .border-content {
border: 2rpx solid #eee; border: 2rpx solid #eee;
} }
.search-content { .search-content {
flex: 1; flex: 1;
// height: 80rpx; // height: 80rpx;
position: relative; position: relative;
.search-icon { .search-icon {
font-size: 38rpx; font-size: 38rpx;
margin-right: 20rpx; margin-right: 20rpx;
} }
.keyword-link { .keyword-link {
position: absolute; position: absolute;
right: 16rpx; right: 16rpx;