|
|
|
@ -136,7 +136,7 @@ |
|
|
|
> |
|
|
|
<view class="goods-list-container"> |
|
|
|
<!-- 网格布局 --> |
|
|
|
<view class="grid-container" style="width: 725rpx; min-height: auto; height: auto; display: flex; box-sizing: border-box"> |
|
|
|
<view class="grid-container"> |
|
|
|
<view |
|
|
|
class="grid-item" |
|
|
|
wx:for="{{filteredGoods}}" |
|
|
|
@ -153,16 +153,12 @@ |
|
|
|
class="product-media" |
|
|
|
src="{{item.mediaItems[0].url}}" |
|
|
|
mode="aspectFill" |
|
|
|
show-center-play-btn="{{false}}" |
|
|
|
show-center-play-btn="{{true}}" |
|
|
|
show-play-btn="{{false}}" |
|
|
|
controls="{{false}}" |
|
|
|
controls="{{true}}" |
|
|
|
autoplay="{{true}}" |
|
|
|
loop="{{true}}" |
|
|
|
muted="{{true}}" |
|
|
|
initial-time="0" |
|
|
|
show-mute-btn="{{false}}" |
|
|
|
enable-progress-gesture="{{false}}" |
|
|
|
enable-play-gesture="{{true}}" |
|
|
|
object-fit="fill" |
|
|
|
poster="" |
|
|
|
style="height: 270rpx; display: block; box-sizing: border-box; width: 337rpx; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;"> |
|
|
|
@ -183,10 +179,10 @@ |
|
|
|
<view class="product-info" style="height: 181rpx; display: flex; box-sizing: border-box"> |
|
|
|
<view class="product-title" style="height: 35rpx; display: -webkit-box; box-sizing: border-box">{{item.name}}</view> |
|
|
|
<view class="product-spec" style="width: 308rpx; height: 29rpx; display: block; box-sizing: border-box">{{item.displaySpecification}}<text wx:if="{{item.displayYolk}}"> | {{item.displayYolk}}</text></view> |
|
|
|
<view class="product-status-row" style="width: 341rpx; display: block; box-sizing: border-box; height: 60rpx"> |
|
|
|
<view class="status-tag source-{{item.sourceType === '三方认证' ? 'third' : (item.sourceType === '平台货源' ? 'platform' : 'unverified')}}" style="width: 116rpx; display: inline-block; box-sizing: border-box">{{item.sourceType || ''}}</view> |
|
|
|
<view class="product-status-row" style="width: 325rpx; display: block; box-sizing: border-box; height: 60rpx"> |
|
|
|
<view class="status-tag source-{{item.sourceType === '三方认证' ? 'third' : (item.sourceType === '平台货源' ? 'platform' : 'unverified')}}">{{item.sourceType || ''}}</view> |
|
|
|
<view class="status-tag negotiate-{{item.negotiateStatus === '可议价' ? 'yes' : 'no'}}" style="width: 70rpx; display: inline-block; box-sizing: border-box">{{item.negotiateStatus}}</view> |
|
|
|
<view class="status-tag item-count" style="width: 139rpx; display: inline-block; box-sizing: border-box">库存:{{item.totalStock && item.totalStock !== '充足' ? item.totalStock + '件' : (item.totalStock || '充足')}}</view> |
|
|
|
<view class="status-tag item-count">库存:{{item.totalStock && item.totalStock !== '充足' ? item.totalStock + '件' : (item.totalStock || '充足')}}</view> |
|
|
|
</view> |
|
|
|
<view class="product-meta"> |
|
|
|
<text class="sales-count">已有{{item.reservedCount || 0}}人收藏</text> |
|
|
|
@ -204,11 +200,10 @@ |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 无更多数据 --> |
|
|
|
<view wx:if="{{filteredGoods.length > 0}}" class="no-more-data"> |
|
|
|
<view wx:if="{{!hasMoreData && filteredGoods.length > 0}}" class="no-more-data"> |
|
|
|
<text>货源正在快马加鞭的赶来</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 无商品时显示 --> |
|
|
|
<view wx:if="{{filteredGoods.length === 0 && !isLoading}}" class="empty-goods"> |
|
|
|
<view class="empty-icon">📦</view> |
|
|
|
|