图像上传页面优化

components/renew-modal/renew-modal.vue

@@ -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 {

config/dev.js

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

pages/image-upload/image-upload.vue

@@ -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 {