style: 💄 优化PC首页展示以及店铺中搜索商品未携带id问题

master
Yer 2023-07-11 11:45:29 +08:00
parent b89f81e5d6
commit 34cb3b4a29
4 changed files with 20 additions and 16 deletions

View File

@ -21,10 +21,6 @@
<Icon type="ios-search" size="21"/>
</div>
</i-input>
<div v-if="store" class="btn-div">
<Button class="store-search" type="warning" @click="searchStore"></Button>
<Button class="store-search" type="primary" @click="search"></Button>
</div>
<template v-if="showTag">
<div style="height:12px" v-if="promotionTags.length === 0"></div>
<div v-else class="history-list flex">
@ -57,9 +53,9 @@ export default {
type: Boolean,
default: true
},
store: { //
type: Boolean,
default: false
storeId: { //
type: String,
default: ""
},
hover: {
type: Boolean,
@ -85,10 +81,14 @@ export default {
if(url == '/goodsList'){
this.$emit('search', this.searchData)
}else{
this.$router.push({
path: '/goodsList',
query: { keyword: this.searchData }
});
const pushData = {
path:'/goodsList',
query: { keyword: this.searchData },
}
if(this.storeId) pushData.query.storeId = this.storeId
this.$router.push(pushData);
}
},
searchStore() { //
@ -130,6 +130,10 @@ export default {
height: 113px;
background: #fff;
}
.search-icon{
width: 100%;
height: 100%;
}
.small-search-box{
height: 60px;

View File

@ -16,7 +16,7 @@
@click="linkTo(item.url)"
>
{{ item.name }}
<div class="colum"></div>
<div class="colum" v-if="index !== navList.list.length - 1"></div>
</li>
</ul>
</div>

View File

@ -2,7 +2,7 @@
<div class="wrapper">
<BaseHeader></BaseHeader>
<Search @search="handleSearch"></Search>
<cateNav class="cate-nav" useClass="background-white"></cateNav>
<div class="container">
<!-- 商品筛选栏 -->
<GoodsClassNav @getParams="getParams"></GoodsClassNav>
@ -289,7 +289,7 @@ export default {
vertical-align: middle;
}
.container {
margin: 15px auto;
margin:25px auto 15px auto;
width: 1184px;
min-width: 1000px;
position: relative;

View File

@ -2,11 +2,11 @@
<div class="merchant">
<BaseHeader/>
<!-- 搜索栏 -->
<Search :store="true" @search="search"></Search>
<Search :storeId="storeMsg.storeId" @search="search"></Search>
<!-- 店铺logo -->
<div class="shop-logo">
<div>
<p>{{ storeMsg.storeName || 'xx店铺' }}</p>
<p>{{ storeMsg.storeName || '店铺' }}</p>
<p :alt="storeMsg.storeDesc" class="ellipsis" v-html="storeMsg.storeDesc"></p>
</div>
<div>