| | |
| | | </view> |
| | | </view> |
| | | <view class="head-tabs"> |
| | | <u-tabs lineColor="#E4001D" :list="list" @click="clickCate"></u-tabs> |
| | | <u-tabs lineColor="#E4001D" :itemStyle="{ height: '100rpx' }" :list="list" @click="clickCate"></u-tabs> |
| | | </view> |
| | | </view> |
| | | <view class="head-list"> |
| | | <view class="head-list-item" @click="openSearch(1)"> |
| | | <text :style="form.sortInfo ? 'color: #222222; font-weight: 500;' : ''">{{form.sortName}}</text> |
| | | <u-icon name="arrow-down" color="#222222" size="13" v-if="form.sortInfo && !show"></u-icon> |
| | | <u-icon name="arrow-up" color="#222222" size="13" v-else-if="form.sortInfo && show === 1"></u-icon> |
| | | <text :style="String(form.sortInfo) ? 'color: #222222; font-weight: 500;' : ''">{{form.sortName}}</text> |
| | | <u-icon name="arrow-down" color="#222222" size="13" v-if="String(form.sortInfo) && !show"></u-icon> |
| | | <u-icon name="arrow-up" color="#222222" size="13" v-else-if="String(form.sortInfo) && show === 1"></u-icon> |
| | | <u-icon name="arrow-down" color="#777777" size="13" v-else></u-icon> |
| | | </view> |
| | | <view class="head-list-item" @click="openSearch(2)"> |
| | |
| | | </view> |
| | | </view> |
| | | <!-- 品牌 --> |
| | | <view class="list" style="padding-top: 30rpx; box-sizing: border-box; justify-content: flex-start;" v-if="show === 2"> |
| | | <view class="list" style="padding-top: 30rpx; box-sizing: border-box; justify-content: space-between;" v-if="show === 2"> |
| | | <view :class="item.active ? 'list-cate active' : 'list-cate'" v-for="(item, index) in pingpai" :key="index" @click="getXiLie(item.id, index)">{{item.name}}</view> |
| | | <view style="width: 216rpx; height: 0;"></view> |
| | | </view> |
| | | <!-- 系列 --> |
| | | <view class="list" v-if="show === 3"> |
| | |
| | | }, |
| | | jumpDetails(id) { |
| | | uni.navigateTo({ |
| | | url: '/pages/details/details?id=' + id |
| | | url: `/pages/details/details?id=${id}&type=1` |
| | | }) |
| | | }, |
| | | // 商品 |
| | |
| | | }, |
| | | // 系列 |
| | | getXiLie(parentId, i) { |
| | | this.form.seriesBrandId = '' |
| | | this.form.seriesBrandName = '' |
| | | this.xilie = [] |
| | | this.pingpai.forEach((item, index) => { |
| | | item.active = index === i |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | .list-item-info-title { |
| | | width: 100%; |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 2; |
| | | overflow: hidden; |
| | | font-weight: 400; |
| | | font-size: 30rpx; |
| | | color: #222222; |
| | |
| | | .head-tabs { |
| | | width: 100%; |
| | | height: 100rpx; |
| | | display: flex; |
| | | align-items: flex-end; |
| | | // display: flex; |
| | | // align-items: flex-end; |
| | | border-bottom: 1rpx solid #E5E5E5; |
| | | } |
| | | } |
| | |
| | | font-size: 28rpx; |
| | | color: #333333; |
| | | margin-bottom: 24rpx; |
| | | margin-right: 20rpx; |
| | | &:last-child { |
| | | margin-right: 0 !important; |
| | | } |