style:新增懒加载机制

This commit is contained in:
2026-02-19 21:45:39 +08:00
parent 7fd9c25ea8
commit 99872dd6df
16 changed files with 2531 additions and 2525 deletions
+7 -7
View File
@@ -18,7 +18,7 @@
indicator-active-color="#07c160">
<swiper-item v-for="(image, index) in goodsInfo.imageList" :key="index">
<view class="swiper-item-wrapper">
<image :src="image" mode="aspectFit" class="product-image"></image>
<image :src="image" mode="aspectFit" class="product-image" lazy-load="true"></image>
</view>
</swiper-item>
</swiper>
@@ -33,7 +33,7 @@
<view class="features-section">
<view class="feature-item">
<view class="feature-icon">
<image src="@/static/battery-icon.png" mode="aspectFit" class="icon-img"></image>
<image src="@/static/battery-icon.png" mode="aspectFit" class="icon-img" lazy-load="true"></image>
</view>
<view class="" style="display: flex;flex-direction: column;align-items: center;">
<text class="feature-label">{{ $t('goods.features.battery') }}</text>
@@ -43,7 +43,7 @@
<view class="feature-item">
<view class="feature-icon">
<image src="@/static/wind-icon.png" mode="aspectFit" class="icon-img"></image>
<image src="@/static/wind-icon.png" mode="aspectFit" class="icon-img" lazy-load="true"></image>
</view>
<view class="" style="display: flex;flex-direction: column;align-items: center;">
<text class="feature-label">{{ $t('goods.features.wind') }}</text>
@@ -52,7 +52,7 @@
<view class="feature-item">
<view class="feature-icon">
<image src="@/static/temp-icon.png" mode="aspectFit" class="icon-img"></image>
<image src="@/static/temp-icon.png" mode="aspectFit" class="icon-img" lazy-load="true"></image>
</view>
<view class="" style="display: flex;flex-direction: column;align-items: center;">
<text class="feature-label">{{ $t('goods.features.temp') }}</text>
@@ -61,7 +61,7 @@
<view class="feature-item">
<view class="feature-icon">
<image src="@/static/charge-icon.png" mode="aspectFit" class="icon-img"></image>
<image src="@/static/charge-icon.png" mode="aspectFit" class="icon-img" lazy-load="true"></image>
</view>
<view class="" style="display: flex;flex-direction: column;align-items: center;">
<text class="feature-label">{{ $t('goods.features.charge') }}</text>
@@ -82,7 +82,7 @@
<!-- 底部购买按钮 -->
<view class="footer">
<view class="" style="display: flex;flex-direction: column;width: 140rpx;align-items: center;margin-right: 20rpx;" @click="GotoList">
<image src="/static/jl.png" mode="scaleToFill" style="width: 35rpx;height:35rpx;"></image>
<image src="/static/jl.png" mode="scaleToFill" style="width: 35rpx;height:35rpx;" lazy-load="true"></image>
<text style="font-size: 26rpx;">定制记录</text>
</view>
<view class="buy-button" @click="handleBuy">
@@ -109,7 +109,7 @@
<view class="sku-info">
<image v-if="selectedSku.pictureUrl" :src="selectedSku.pictureUrl" class="sku-image"
mode="aspectFit"></image>
mode="aspectFit" lazy-load="true"></image>
<view class="sku-detail">
<text class="sku-price">¥{{ selectedSku.price || goodsInfo.price }}</text>
<text class="sku-name">{{ selectedSku.optionName || '请选择规格' }}</text>
+1 -1
View File
@@ -12,7 +12,7 @@
<view class="order-list">
<view class="empty-state" v-if="orderList.length === 0">
<view class="empty-icon">
<image src="/static/orderList.png" mode="aspectFill" class="empty-icon"></image>
<image src="/static/orderList.png" mode="aspectFill" class="empty-icon" lazy-load="true"></image>
</view>
<text class="empty-text">{{ $t('order.noOrderRecord') }}</text>
</view>