|
@@ -34,7 +34,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="brand-product-list" v-if="activeType=='product'">
|
|
<div class="brand-product-list" v-if="activeType=='product'">
|
|
|
- <div class="search-box" v-if="productList.content && productList.content.length > 0">
|
|
|
|
|
|
|
+ <div class="search-box" v-if="productList.content && productList.content.length > 0 || isSearch">
|
|
|
<div class="kind-selecter">
|
|
<div class="kind-selecter">
|
|
|
<div @mouseenter="isInList = true" @mouseleave="isInList = false">
|
|
<div @mouseenter="isInList = true" @mouseleave="isInList = false">
|
|
|
<span @click="showKindList = !showKindList" v-text="selectedKind.substring(0, 4)"></span>
|
|
<span @click="showKindList = !showKindList" v-text="selectedKind.substring(0, 4)"></span>
|
|
@@ -79,7 +79,8 @@
|
|
|
filter: {}
|
|
filter: {}
|
|
|
},
|
|
},
|
|
|
selectedKind: '全部分类',
|
|
selectedKind: '全部分类',
|
|
|
- isInList: false
|
|
|
|
|
|
|
+ isInList: false,
|
|
|
|
|
+ isSearch: false
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
filters: {
|
|
filters: {
|
|
@@ -87,6 +88,11 @@
|
|
|
return str.length > 65 ? str.substring(0, 65) + '...' : str
|
|
return str.length > 65 ? str.substring(0, 65) + '...' : str
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
|
|
+ watch: {
|
|
|
|
|
+ keyword: function (val, oldVal) {
|
|
|
|
|
+ this.isSearch = true
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
computed: {
|
|
computed: {
|
|
|
brandDetail () {
|
|
brandDetail () {
|
|
|
let list = this.$store.state.brandDetail.detail.data
|
|
let list = this.$store.state.brandDetail.detail.data
|
|
@@ -236,8 +242,9 @@
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
border-radius: .1rem;
|
|
border-radius: .1rem;
|
|
|
background: url('/images/mobile/@2x/brand-bg.png')no-repeat;
|
|
background: url('/images/mobile/@2x/brand-bg.png')no-repeat;
|
|
|
- background-size: cover;
|
|
|
|
|
- /*box-shadow: 0 0 .01rem .03rem #eee;*/
|
|
|
|
|
|
|
+ background-size: 7.16rem 3.17rem;
|
|
|
|
|
+ background-position: -.1rem 0;
|
|
|
|
|
+ box-shadow: 0 0 .01rem .03rem #eee;
|
|
|
.brand-logo-box {
|
|
.brand-logo-box {
|
|
|
border: .01rem solid #c7e5fd;
|
|
border: .01rem solid #c7e5fd;
|
|
|
border-radius: .1rem;
|
|
border-radius: .1rem;
|
|
@@ -255,6 +262,7 @@
|
|
|
.brand-switch-item {
|
|
.brand-switch-item {
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
|
|
+ margin-bottom: .28rem;
|
|
|
.mobile-switch-btn {
|
|
.mobile-switch-btn {
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
color: #666;
|
|
color: #666;
|
|
@@ -274,7 +282,7 @@
|
|
|
}
|
|
}
|
|
|
.brand-param-list {
|
|
.brand-param-list {
|
|
|
text-align: left;
|
|
text-align: left;
|
|
|
- padding: .11rem .44rem;
|
|
|
|
|
|
|
+ padding: .3rem .44rem .11rem;
|
|
|
margin-top: .28rem;
|
|
margin-top: .28rem;
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
.brand-param-item {
|
|
.brand-param-item {
|
|
@@ -316,10 +324,10 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.brand-product-list {
|
|
.brand-product-list {
|
|
|
- margin-top: .5rem;
|
|
|
|
|
font-size: .28rem;
|
|
font-size: .28rem;
|
|
|
ul.product-list {
|
|
ul.product-list {
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
|
|
+ background: #fff;
|
|
|
li {
|
|
li {
|
|
|
margin-left: .42rem;
|
|
margin-left: .42rem;
|
|
|
width: 6.66rem;
|
|
width: 6.66rem;
|