pcwl_yancheng/uni-fans-score
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style:新增懒加载机制

Browse Source
This commit is contained in:
ISFP_T
2026-02-19 21:45:39 +08:00
parent 7fd9c25ea8
commit 99872dd6df
16 changed files with 2531 additions and 2525 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/DeviceOrderItemCard.vue
+1
View File
@@ -15,6 +15,7 @@
:src="order.pictureUrl || order.productImage || '/static/default-product.png'"
mode="aspectFill"
class="product-image"
lazy-load="true"
></image>
<view class="product-info">
<view class="product-name">{{ order.productName || order.deviceName || '风电者2026新款' }}</view>
components/LocationListSheet.vue
+1 -1
View File
@@ -28,7 +28,7 @@
</view>
<view class="empty-state" v-if="!isLoading && (!positions || positions.length === 0)">
<image class="empty-icon" src="/static/scan-icon.png" mode="aspectFit" />
<image class="empty-icon" src="/static/scan-icon.png" mode="aspectFit" lazy-load="true" />
<text class="empty-text">{{ $t('home.noNearbyDevice') }}</text>
</view>
</view>
components/OrderItemCard.vue
+4 -4
View File
@@ -9,7 +9,7 @@
<view class="header-right">
<!-- 支付方式标识（移到头部右侧） -->
<view class="payment-badge wx-score" v-if="order.payWay == 'wx_score_pay'">
<image src="/static/images/wxpayflag.png" mode="aspectFit" class="badge-icon"></image>
<image src="/static/images/wxpayflag.png" mode="aspectFit" class="badge-icon" lazy-load="true"></image>
<view class="badge-text">
<text>{{ $t('order.wxPayScore') }}</text>
<text class="divider">|</text>
@@ -63,16 +63,16 @@
<view class="order-footer">
<view class="footer-left">
<view v-if="isInUse" class="renting">
<image src="/static/order_time.png" mode="aspectFit" class="icon-time"></image>
<image src="/static/order_time.png" mode="aspectFit" class="icon-time" lazy-load="true"></image>
{{ $t('order.renting') }}
</view>
<view v-else-if="isFinished" class="meta">
<view class="meta-item">
<image src="/static/order_time.png" mode="aspectFit" class="icon-time"></image>
<image src="/static/order_time.png" mode="aspectFit" class="icon-time" lazy-load="true"></image>
{{ usedDurationText }}
</view>
<view class="meta-item">
<image src="/static/order_price.png" mode="aspectFit" class="icon-price"></image>
<image src="/static/order_price.png" mode="aspectFit" class="icon-price" lazy-load="true"></image>
{{ displayAmount }}
</view>
</view>