style:新增懒加载机制
This commit is contained in:
@@ -4,17 +4,22 @@
|
||||
<view class="card device-info-card">
|
||||
<view class="device-location">
|
||||
<view class="location-left">
|
||||
<image src="/static/device_location.png" mode="aspectFit" class="location-icon"></image>
|
||||
<image src="/static/device_location.png" mode="aspectFit" class="location-icon" lazy-load="true"></image>
|
||||
<text class="location-name">{{ deviceLocation }}</text>
|
||||
</view>
|
||||
<view class="device-status" :class="deviceStatus.class">
|
||||
<text class="status-text">{{ deviceStatus.text }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="device-id">
|
||||
<text class="id-label">{{ $t('order.deviceName') }}:</text>
|
||||
<text class="id-value">{{ deviceInfo.name }}</text>
|
||||
</view>
|
||||
<view class="device-id">
|
||||
<text class="id-label">{{ $t('device.deviceNo') }}:</text>
|
||||
<text class="id-value">{{ deviceId }}</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 计费规则 -->
|
||||
@@ -87,7 +92,7 @@
|
||||
</view>
|
||||
<!-- 微信支付分标识仅在微信小程序环境显示 -->
|
||||
<view class="wechat-credit" v-if="isWechatMiniProgram">
|
||||
<image src="/static/images/wxpayflag.png" mode="aspectFit" class="wx-icon"></image>
|
||||
<image src="/static/images/wxpayflag.png" mode="aspectFit" class="wx-icon" lazy-load="true"></image>
|
||||
<text class="credit-text">{{ $t('device.wxPayScoreDesc') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -772,6 +777,7 @@
|
||||
.device-id {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 5rpx;
|
||||
|
||||
.id-label {
|
||||
font-size: 26rpx;
|
||||
|
||||
Reference in New Issue
Block a user