|
|
|
@ -92,6 +92,11 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 搜索结果后添加半页空白区域 --> |
|
|
|
<view class="half-page-blank" style="display: flex; justify-content: center; align-items: flex-start; padding-top: 20rpx;"> |
|
|
|
<text style="color: #999; font-size: 26rpx; opacity: 0.8;">已加载全部商品</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 自定义弹窗组件 --> |
|
|
|
<view class="custom-toast-mask" wx:if="{{showCustomToast}}" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; z-index: 9999;"> |
|
|
|
@ -101,7 +106,7 @@ |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 图片预览弹窗 --> |
|
|
|
<view class="image-preview-mask" wx:if="{{showImagePreview}}" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.9); display: flex; justify-content: center; align-items: center; z-index: 9999;" catchtouchmove="true"> |
|
|
|
<view class="image-preview-mask" wx:if="{{showImagePreview}}" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.9); display: flex; justify-content: center; align-items: center; z-index: 10001;" catchtouchmove="true"> |
|
|
|
<view style="width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;"> |
|
|
|
<swiper |
|
|
|
style="width: 100%; height: 100%;" |
|
|
|
@ -212,7 +217,7 @@ |
|
|
|
<swiper class="goods-image-swiper" indicator-dots="true" indicator-color="rgba(0,0,0,0.3)" indicator-active-color="#1677ff"> |
|
|
|
<block wx:for="{{currentGoodsDetail.imageUrls}}" wx:for-item="img" wx:for-index="idx" wx:key="idx" class="goods-image-item"> |
|
|
|
<swiper-item> |
|
|
|
<image src="{{img}}" mode="aspectFill" class="goods-image"></image> |
|
|
|
<image src="{{img}}" mode="aspectFill" class="goods-image" bindtap="previewImage" data-urls="{{currentGoodsDetail.imageUrls}}" data-index="{{idx}}"></image> |
|
|
|
</swiper-item> |
|
|
|
</block> |
|
|
|
</swiper> |
|
|
|
|