商品列表搜索

version/0412
shuxiaoquan 8 months ago
parent 57f645d223
commit 18c8b3a097
  1. 13
      pages/activity/newPeople.vue
  2. 36
      pages/goods/list.vue

@ -344,17 +344,16 @@
.title { .title {
padding: 10rpx 0; padding: 10rpx 0;
line-height: 40rpx;
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
color: #1E1E1E; color: #1E1E1E;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
height: 90rpx; height: 90rpx;
line-height: 45rpx; line-height: 45rpx;
text { text {
background-color: #F34A40; background-color: #F34A40;

@ -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')">

Loading…
Cancel
Save