|
@@ -28,12 +28,17 @@
|
|
|
{{activeIndex}}开头共<span>{{brandList.totalElements || 0}}</span>个品牌
|
|
|
</span>
|
|
|
</div>
|
|
|
- <div class="brand-items">
|
|
|
+ <div class="brand-items" v-if="brandListTemplate.length">
|
|
|
<nuxt-link :to="`/mobile/brand/${brand.uuid}/`" :key="brand.uuid" v-for="brand in brandListTemplate">
|
|
|
<div>{{brand.nameEn}}</div>
|
|
|
<div v-if="brand.nameCn != brand.nameEn">{{brand.nameCn}}</div>
|
|
|
</nuxt-link>
|
|
|
</div>
|
|
|
+ <empty-status :type="'search'"
|
|
|
+ :text="`抱歉,暂无与“${pageParams.keyword}”匹配的品牌信息`"
|
|
|
+ :showLink="false"
|
|
|
+ v-else
|
|
|
+ ></empty-status>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -43,7 +48,7 @@
|
|
|
</template>
|
|
|
<script>
|
|
|
import {SearchHeader} from '~components/mobile/base'
|
|
|
- import { PullUp } from '~components/mobile/common'
|
|
|
+ import { PullUp, EmptyStatus } from '~components/mobile/common'
|
|
|
import { startWith } from '~utils/baseUtils'
|
|
|
export default {
|
|
|
name: 'brandList',
|
|
@@ -64,7 +69,8 @@
|
|
|
},
|
|
|
components: {
|
|
|
SearchHeader,
|
|
|
- PullUp
|
|
|
+ PullUp,
|
|
|
+ EmptyStatus
|
|
|
},
|
|
|
mounted: function () {
|
|
|
let _this = this
|
|
@@ -106,7 +112,7 @@
|
|
|
onScroll () {
|
|
|
if (startWith(this.$route.path, '/mobile/brand/brandCenter')) {
|
|
|
let scrolled = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
|
|
|
- this.isScrolled = scrolled > 0
|
|
|
+ this.isScrolled = scrolled > 200
|
|
|
}
|
|
|
},
|
|
|
reloadData: function () {
|
|
@@ -139,6 +145,7 @@
|
|
|
border-radius: .1rem;
|
|
|
.mobile-brand-header {
|
|
|
text-align: center;
|
|
|
+ height: 4.32rem;
|
|
|
>img {
|
|
|
margin: .24rem auto .19rem;
|
|
|
width: 6.09rem;
|