feat(buyer): 增强搜索功能并提升用户体验

- 新增 `getStoreById` 接口方法,用于获取包含评分在内的店铺信息
- `Search.vue` 新增搜索建议面板,展示搜索历史和热词,优化搜索体验
- 新增 `SearchSuggest.vue` 组件,用于展示搜索建议和搜索历史
- `App.vue` 根据路由元信息按条件设置页面标题
- 优化多个组件的布局与样式,让整体风格更统一
- 重构多个组件的跳转逻辑,改用路由跳转(`router.push`)替代新开窗口(`window.open`),提升用户体验
This commit is contained in:
pikachu1995@126.com
2026-10-02 15:26:58 +08:00
parent 4777eb2dd6
commit 8410179885
44 changed files with 2116 additions and 674 deletions

View File

@@ -19,7 +19,7 @@
<span @mouseenter="getCartList">
<el-icon class="cart-icon" :size="20" @click="goCartList"><ShoppingCart /></el-icon>
</span>
<i class="cart-badge">{{ cartNum < 100 ? cartNum : "99" }}</i>
<i class="cart-badge">{{ Number(cartNum) > 99 ? "99+" : cartNum }}</i>
</div>
</div>
</div>
@@ -45,8 +45,7 @@ export default {
},
methods: {
goCartList() {
const routerUrl = this.$router.resolve({ path: '/cart' })
window.open(routerUrl.href, '_blank')
this.$router.push('/cart')
},
getCartList() {
if (storage.getItem('userInfo')) {
@@ -71,7 +70,7 @@ $cart-col-width: 40px;
.scroll-show {
height: 60px;
overflow: hidden;
overflow: visible;
}
.content {
@@ -125,8 +124,9 @@ $cart-col-width: 40px;
background-color: $theme_color;
color: #fff;
font-size: 12px;
width: 17px;
min-width: 17px;
height: 17px;
padding: 0 4px;
border-radius: 10px;
line-height: 17px;
text-align: center;