|
|
@ -8,23 +8,25 @@ |
|
|
|
<search :tips="options.search ? options.search : '搜索商品'" @event="handleSearch" /> |
|
|
|
<search :tips="options.search ? options.search : '搜索商品'" @event="handleSearch" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="store-sort" v-if="tabbar.length>0"> |
|
|
|
<view class="store-sort"> |
|
|
|
<view class="goodsType"> |
|
|
|
<template v-if="options.categoryId"> |
|
|
|
<scroll-view class="typeList" scroll-x="true"> |
|
|
|
<view class="goodsType" v-if="tabbar && tabbar.length > 0"> |
|
|
|
<view v-for="(item,index) in tabbar" :key="index" class="typeItem" @click="onChage(item,1)" |
|
|
|
<scroll-view class="typeList" scroll-x="true"> |
|
|
|
:style="{'color':item.category_id==isBanrdActive?'#F43B21':'#5A5A5A','background':item.category_id==isBanrdActive?'#FEF6F6':'#F7F8FA','border':item.category_id==isBanrdActive?'2rpx solid #F22029':'none'}"> |
|
|
|
<view v-for="(item,index) in tabbar" :key="index" class="typeItem" @click="onChage(item,1)" |
|
|
|
{{item.name}} |
|
|
|
:style="{'color':item.category_id==isBanrdActive?'#F43B21':'#5A5A5A','background':item.category_id==isBanrdActive?'#FEF6F6':'#F7F8FA','border':item.category_id==isBanrdActive?'2rpx solid #F22029':'none'}"> |
|
|
|
</view> |
|
|
|
{{item.name}} |
|
|
|
</scroll-view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</scroll-view> |
|
|
|
<view class="goodsType" v-if="goodsType && goodsType.length > 0"> |
|
|
|
</view> |
|
|
|
<scroll-view class="typeList" scroll-x="true"> |
|
|
|
<view class="goodsType" v-if="goodsType && goodsType.length > 0"> |
|
|
|
<view v-for="(item,index) in goodsType" :key="index" class="typeItem" @click="onChage(item,2)" |
|
|
|
<scroll-view class="typeList" scroll-x="true"> |
|
|
|
:style="{'color':isActive==item.category_id?'#F43B21':'#5A5A5A','background':isActive==item.category_id?'#FEF6F6':'#F7F8FA','border':isActive==item.category_id?'2rpx solid #F22029':'none'}"> |
|
|
|
<view v-for="(item,index) in goodsType" :key="index" class="typeItem" @click="onChage(item,2)" |
|
|
|
{{item.name}} |
|
|
|
:style="{'color':isActive==item.category_id?'#F43B21':'#5A5A5A','background':isActive==item.category_id?'#FEF6F6':'#F7F8FA','border':isActive==item.category_id?'2rpx solid #F22029':'none'}"> |
|
|
|
</view> |
|
|
|
{{item.name}} |
|
|
|
</scroll-view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</scroll-view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</template> |
|
|
|
<!-- 排序标签 --> |
|
|
|
<!-- 排序标签 --> |
|
|
|
<view class="store-box"> |
|
|
|
<view class="store-box"> |
|
|
|
<view class="sort-item" :class="{ active: sortType === 'all' }" @click="handleSortType('all')"> |
|
|
|
<view class="sort-item" :class="{ active: sortType === 'all' }" @click="handleSortType('all')"> |
|
|
|