图像上传页面优化
This commit is contained in:
parent
024ecb2827
commit
e0bad237cb
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
export const DEV_CONFIG = {
|
||||
// 临时token,用于开发测试
|
||||
TEMP_TOKEN:
|
||||
'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImRhNmJhNmU0LTc5MmEtNGQ0ZC1iZWE5LTdiYjY2MTllODNjYiJ9.wx0jcmrYQ0FXVEFFBEwhRXtvkJmv5DTQhBJt7mg0udgp8jHbNueZlUIeAIN39HFKjOcA6PupdPOFb9NSaIpT1g',
|
||||
'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjJlYmJhZjZiLTA4OGMtNDFiZi1iOTZiLTM2OTg3ZGE4YWRkNiJ9.1DbS4tyDkcL12E1rMh3J3aIdjzqffrqnHg9ya-1kwRjkEQKvGE5lwNsRQve0hFveD3p33lxccVIzZxD3AbpAtw',
|
||||
|
||||
// 是否使用临时token
|
||||
USE_TEMP_TOKEN: true,
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user