style: 💄 优化PC首页展示以及店铺中搜索商品未携带id问题
parent
b89f81e5d6
commit
34cb3b4a29
|
@ -21,10 +21,6 @@
|
||||||
<Icon type="ios-search" size="21"/>
|
<Icon type="ios-search" size="21"/>
|
||||||
</div>
|
</div>
|
||||||
</i-input>
|
</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">
|
<template v-if="showTag">
|
||||||
<div style="height:12px" v-if="promotionTags.length === 0"></div>
|
<div style="height:12px" v-if="promotionTags.length === 0"></div>
|
||||||
<div v-else class="history-list flex">
|
<div v-else class="history-list flex">
|
||||||
|
@ -57,9 +53,9 @@ export default {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true
|
default: true
|
||||||
},
|
},
|
||||||
store: { // 是否为店铺页面
|
storeId: { // 是否为店铺页面
|
||||||
type: Boolean,
|
type: String,
|
||||||
default: false
|
default: ""
|
||||||
},
|
},
|
||||||
hover: {
|
hover: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
|
@ -85,10 +81,14 @@ export default {
|
||||||
if(url == '/goodsList'){
|
if(url == '/goodsList'){
|
||||||
this.$emit('search', this.searchData)
|
this.$emit('search', this.searchData)
|
||||||
}else{
|
}else{
|
||||||
this.$router.push({
|
const pushData = {
|
||||||
path: '/goodsList',
|
path:'/goodsList',
|
||||||
query: { keyword: this.searchData }
|
query: { keyword: this.searchData },
|
||||||
});
|
}
|
||||||
|
if(this.storeId) pushData.query.storeId = this.storeId
|
||||||
|
|
||||||
|
|
||||||
|
this.$router.push(pushData);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
searchStore() { // 店铺搜索商品
|
searchStore() { // 店铺搜索商品
|
||||||
|
@ -130,6 +130,10 @@ export default {
|
||||||
height: 113px;
|
height: 113px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
.search-icon{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
.small-search-box{
|
.small-search-box{
|
||||||
height: 60px;
|
height: 60px;
|
||||||
|
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
@click="linkTo(item.url)"
|
@click="linkTo(item.url)"
|
||||||
>
|
>
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
<div class="colum"></div>
|
<div class="colum" v-if="index !== navList.list.length - 1"></div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<BaseHeader></BaseHeader>
|
<BaseHeader></BaseHeader>
|
||||||
<Search @search="handleSearch"></Search>
|
<Search @search="handleSearch"></Search>
|
||||||
<cateNav class="cate-nav" useClass="background-white"></cateNav>
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<!-- 商品筛选栏 -->
|
<!-- 商品筛选栏 -->
|
||||||
<GoodsClassNav @getParams="getParams"></GoodsClassNav>
|
<GoodsClassNav @getParams="getParams"></GoodsClassNav>
|
||||||
|
@ -289,7 +289,7 @@ export default {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.container {
|
.container {
|
||||||
margin: 15px auto;
|
margin:25px auto 15px auto;
|
||||||
width: 1184px;
|
width: 1184px;
|
||||||
min-width: 1000px;
|
min-width: 1000px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
@ -2,11 +2,11 @@
|
||||||
<div class="merchant">
|
<div class="merchant">
|
||||||
<BaseHeader/>
|
<BaseHeader/>
|
||||||
<!-- 搜索栏 -->
|
<!-- 搜索栏 -->
|
||||||
<Search :store="true" @search="search"></Search>
|
<Search :storeId="storeMsg.storeId" @search="search"></Search>
|
||||||
<!-- 店铺logo -->
|
<!-- 店铺logo -->
|
||||||
<div class="shop-logo">
|
<div class="shop-logo">
|
||||||
<div>
|
<div>
|
||||||
<p>{{ storeMsg.storeName || 'xx店铺' }}</p>
|
<p>{{ storeMsg.storeName || '店铺' }}</p>
|
||||||
<p :alt="storeMsg.storeDesc" class="ellipsis" v-html="storeMsg.storeDesc"></p>
|
<p :alt="storeMsg.storeDesc" class="ellipsis" v-html="storeMsg.storeDesc"></p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|
Loading…
Reference in New Issue