图像上传页面优化

This commit is contained in:
WindowBird 2025-08-22 09:41:56 +08:00
parent 024ecb2827
commit e0bad237cb
3 changed files with 12 additions and 12 deletions

View File

@ -10,15 +10,15 @@
</view>
<!-- 设备信息 -->
<view class="device-info" v-if="device">
<view v-if="device" class="device-info">
<view class="device-item">
<image class="device-image" :src="device.image" mode="aspectFill" />
<image :src="device.image" class="device-image" mode="aspectFill" />
<view class="device-details">
<text class="device-name">{{ device.name }}</text>
<text class="device-status" :class="device.status">
<text :class="device.status" class="device-status">
{{ getStatusText(device.status) }}
</text>
<text class="device-time" v-if="device.endTime">
<text v-if="device.endTime" class="device-time">
到期时间: {{ formatTime(device.endTime) }}
</text>
</view>
@ -39,8 +39,8 @@
<view
v-for="(item, index) in packageList"
:key="index"
class="package-item"
:class="{ active: selectedPackage && selectedPackage.id === item.id }"
class="package-item"
@click="handleSelectPackage(item)"
>
<view class="package-info">
@ -51,7 +51,7 @@
<text class="price-symbol">¥</text>
<text class="price-value">{{ item.price || item.amount || '0.00' }}</text>
</view>
<view class="select-icon" v-if="selectedPackage && selectedPackage.id === item.id">
<view v-if="selectedPackage && selectedPackage.id === item.id" class="select-icon">
<text class="check-icon"></text>
</view>
</view>
@ -66,7 +66,7 @@
<!-- 底部按钮 -->
<view class="modal-footer">
<button class="cancel-btn" @click="handleClose">取消</button>
<button class="confirm-btn" :disabled="!selectedPackage" @click="handleConfirm">
<button :disabled="!selectedPackage" class="confirm-btn" @click="handleConfirm">
确认续费
</button>
</view>
@ -365,7 +365,7 @@ export default {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background-color: #1890ff;
background-color: #f15a04;
display: flex;
align-items: center;
justify-content: center;
@ -414,7 +414,7 @@ export default {
}
.confirm-btn {
background-color: #1890ff;
background-color: #f15a04;
color: #fff;
&:disabled {

View File

@ -2,7 +2,7 @@
export const DEV_CONFIG = {
// 临时token用于开发测试
TEMP_TOKEN:
'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImRhNmJhNmU0LTc5MmEtNGQ0ZC1iZWE5LTdiYjY2MTllODNjYiJ9.wx0jcmrYQ0FXVEFFBEwhRXtvkJmv5DTQhBJt7mg0udgp8jHbNueZlUIeAIN39HFKjOcA6PupdPOFb9NSaIpT1g',
'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjJlYmJhZjZiLTA4OGMtNDFiZi1iOTZiLTM2OTg3ZGE4YWRkNiJ9.1DbS4tyDkcL12E1rMh3J3aIdjzqffrqnHg9ya-1kwRjkEQKvGE5lwNsRQve0hFveD3p33lxccVIzZxD3AbpAtw',
// 是否使用临时token
USE_TEMP_TOKEN: true,

View File

@ -235,7 +235,7 @@ export default {
width: 100%;
height: 88rpx;
line-height: 88rpx;
background: #007aff;
background: #f15a04;
color: #fff;
border-radius: 12rpx;
font-size: 32rpx;
@ -243,7 +243,7 @@ export default {
margin-bottom: 30rpx;
&:active {
background: #0056cc;
background: #ff5e00;
}
&:disabled {