|
|
@ -15,7 +15,7 @@ |
|
|
|
<scroll-view class="typeList" scroll-x="true"> |
|
|
|
<scroll-view class="typeList" scroll-x="true"> |
|
|
|
<view v-for="(item,index) in tabbar" :key="index" class="bandsImg" |
|
|
|
<view v-for="(item,index) in tabbar" :key="index" class="bandsImg" |
|
|
|
@click="onChage(item,1,index)" |
|
|
|
@click="onChage(item,1,index)" |
|
|
|
:style="{'color':item.category_id==isBanrdActive?'#F43B21':'#5A5A5A','border':item.category_id==isBanrdActive?'1rpx solid #F22029':'1rpx solid #E7E7E7'}"> |
|
|
|
:style="{display: item.image ? 'inline-block' : 'none','color':item.category_id==isBanrdActive?'#F43B21':'#5A5A5A','border':item.category_id==isBanrdActive?'1rpx solid #F22029':'1rpx solid #E7E7E7'}"> |
|
|
|
<image :src="item.image?item.image.external_url:''" mode="aspectFill"></image> |
|
|
|
<image :src="item.image?item.image.external_url:''" mode="aspectFill"></image> |
|
|
|
<view class="typeItem">{{item.name}}</view> |
|
|
|
<view class="typeItem">{{item.name}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -110,40 +110,39 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view v-else> |
|
|
|
<view v-else> |
|
|
|
<!-- <u-waterfall v-model="list.data" ref="uWaterfall1"> --> |
|
|
|
<!-- <u-waterfall v-model="list.data" ref="uWaterfall1"> --> |
|
|
|
<!-- <template v-slot:left="{leftList}"> --> |
|
|
|
<!-- <template v-slot:left="{leftList}"> --> |
|
|
|
<view class="goods-item goods-item1" v-for="(item, index) in list.data" :key="index" |
|
|
|
<view class="goods-item goods-item1" v-for="(item, index) in list.data" :key="index" |
|
|
|
@click="onTargetDetail(item)"> |
|
|
|
@click="onTargetDetail(item)"> |
|
|
|
<!-- 多列显示 --> |
|
|
|
<!-- 多列显示 --> |
|
|
|
<view class=""> |
|
|
|
<view class=""> |
|
|
|
<!-- 商品图片 --> |
|
|
|
<!-- 商品图片 --> |
|
|
|
<view class="goods-image"> |
|
|
|
<view class="goods-image"> |
|
|
|
<image class="image" mode="aspectFill" :src="item.goods_image"></image> |
|
|
|
<image class="image" mode="aspectFill" :src="item.goods_image"></image> |
|
|
|
<!-- <u-lazy-load threshold="0" border-radius="10" image-mode="aspectFill" :loading-img="item.goods_image" :image="item.goods_image" :index="index"></u-lazy-load> --> |
|
|
|
<!-- <u-lazy-load threshold="0" border-radius="10" image-mode="aspectFill" :loading-img="item.goods_image" :image="item.goods_image" :index="index"></u-lazy-load> --> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="detail" style="padding-top: 10rpx;"> |
|
|
|
|
|
|
|
<!-- 商品名称 --> |
|
|
|
|
|
|
|
<view class="goods-name"> |
|
|
|
|
|
|
|
<text>{{ item.goods_name }}</text> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 商品价格 --> |
|
|
|
|
|
|
|
<view class="shenBox"> |
|
|
|
|
|
|
|
<view class="detail-price oneline-hide"> |
|
|
|
|
|
|
|
<text class="goods-price f-30 col-m"><text |
|
|
|
|
|
|
|
style="font-size: 26rpx;">¥</text>{{ item.goods_price_min>0?Number(item.goods_price_min):0.00}} |
|
|
|
|
|
|
|
<text class="delPrice"></text></text> |
|
|
|
|
|
|
|
<text v-if="item.line_price_min > 0" |
|
|
|
|
|
|
|
class="line-price col-9 f-24">¥{{ item.line_price_min>0?Number(item.line_price_min):0.00 }}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="detail" style="padding-top: 10rpx;"> |
|
|
|
<image :src="$picUrl+'/static/detail/redShen.png'" v-if="item.is_check==1" mode=""> |
|
|
|
<!-- 商品名称 --> |
|
|
|
</image> |
|
|
|
<view class="goods-name"> |
|
|
|
</view> |
|
|
|
<text>{{ item.goods_name }}</text> |
|
|
|
<!-- <view class="goodsInfo" v-if="item.cmmdty_model"> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 商品价格 --> |
|
|
|
|
|
|
|
<view class="shenBox"> |
|
|
|
|
|
|
|
<view class="detail-price oneline-hide"> |
|
|
|
|
|
|
|
<text class="goods-price f-30 col-m"><text |
|
|
|
|
|
|
|
style="font-size: 26rpx;">¥</text>{{ item.goods_price_min>0?Number(item.goods_price_min):0.00}} |
|
|
|
|
|
|
|
<text class="delPrice"></text></text> |
|
|
|
|
|
|
|
<text v-if="item.line_price_min > 0" |
|
|
|
|
|
|
|
class="line-price col-9 f-24">¥{{ item.line_price_min>0?Number(item.line_price_min):0.00 }}</text> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<image :src="$picUrl+'/static/detail/redShen.png'" v-if="item.is_check==1" |
|
|
|
|
|
|
|
mode=""> |
|
|
|
|
|
|
|
</image> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- <view class="goodsInfo" v-if="item.cmmdty_model"> |
|
|
|
|
|
|
|
<view class="oneTip"> |
|
|
|
<view class="oneTip"> |
|
|
|
{{item.cmmdty_model}} |
|
|
|
{{item.cmmdty_model}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
</view> --> |
|
|
|
<!-- <view class="goodsSend"> |
|
|
|
<!-- <view class="goodsSend"> |
|
|
|
<view class="sendLeft"> |
|
|
|
<view class="sendLeft"> |
|
|
|
<view class="left_1"> |
|
|
|
<view class="left_1"> |
|
|
|
{{item.goods_source}} |
|
|
|
{{item.goods_source}} |
|
|
@ -162,11 +161,11 @@ |
|
|
|
<text v-if="item.delivery_time==6">45天内发货</text> |
|
|
|
<text v-if="item.delivery_time==6">45天内发货</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- </template> --> |
|
|
|
</view> |
|
|
|
<!-- <template v-slot:right="{rightList}"> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- </template> --> |
|
|
|
|
|
|
|
<!-- <template v-slot:right="{rightList}"> |
|
|
|
<view class="goods-item goods-item1" v-for="(item, index) in rightList" :key="index" |
|
|
|
<view class="goods-item goods-item1" v-for="(item, index) in rightList" :key="index" |
|
|
|
@click="onTargetDetail(item)"> |
|
|
|
@click="onTargetDetail(item)"> |
|
|
|
<view class=""> |
|
|
|
<view class=""> |
|
|
@ -297,7 +296,7 @@ |
|
|
|
}], |
|
|
|
}], |
|
|
|
multiIndex: -1, |
|
|
|
multiIndex: -1, |
|
|
|
blheight: 0, |
|
|
|
blheight: 0, |
|
|
|
from: '' |
|
|
|
from: '', |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
@ -572,7 +571,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
::v-deep .u-empty { |
|
|
|
::v-deep .u-empty { |
|
|
|
padding: 100rpx 0; |
|
|
|
padding: 150rpx 0 0 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.head { |
|
|
|
.head { |
|
|
@ -754,6 +753,7 @@ |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-between; |
|
|
|
flex-wrap: wrap; |
|
|
|
flex-wrap: wrap; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.goods-item { |
|
|
|
.goods-item { |
|
|
|
// width: 50%; |
|
|
|
// width: 50%; |
|
|
|
} |
|
|
|
} |
|
|
|