feat(用户权限): 添加金币兑换权限控制并调整样式

- 在验证码页面存储用户兑换权限状态
- 充值页面根据权限显示兑换按钮
- 统一调整多个页面的图片宽度和边距样式

src/views/Recharge.vue

@@ -30,7 +30,8 @@
           </div>
         </div>
         <div class="action-buttons">
-          <van-button type="primary" size="small" round @click="goToCoinExchange" class="action-btn">
+          <van-button v-if="canExchange === 'true'" type="primary" size="small" round @click="goToCoinExchange"
+            class="action-btn">
             金币兑换
           </van-button>
           <van-button type="primary" size="small" round @click="logout" class="action-btn logout-btn">
@@ -154,7 +155,9 @@ export default {
       // 自定义金额
       customAmount: '',
       // 支付方式类型
-      paymentType: PAYMENT_TYPE
+      paymentType: PAYMENT_TYPE,
+      // 金币兑换权限
+      canExchange: localStorage.getItem('canExchange') || 'false'
     }
   },
   computed: {
@@ -563,7 +566,7 @@ export default {
 }
 
 .logo-image {
-  width: 60px;
+  width: 90px;
   height: 60px;
   object-fit: contain;
 }
@@ -758,8 +761,7 @@ export default {
   margin-bottom: 5px;
   background-color: #fff;
   border-radius: 12px;
-  margin-left: 8px;
-  margin-right: 8px;
+  margin: 8px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 }
 
@@ -880,7 +882,7 @@ export default {
 /* 支付按钮样式 */
 .pay-button {
   padding: 0 8px;
-  margin-top: auto;
+  margin-top: 8px;
   margin-bottom: 5px;
 }
 

src/views/Search.vue

@@ -380,7 +380,7 @@ export default {
 }
 
 .logo-image {
-  width: 60px;
+  width: 90px;
   height: 60px;
   object-fit: contain;
 }
@@ -693,7 +693,7 @@ export default {
 
 /* 立即登录按钮样式 */
 .login-button {
-  padding: 0 8px;
+  padding: 8px 8px 0;
   margin-bottom: 15px;
 }
 

src/views/VerifyCode.vue

@@ -242,6 +242,7 @@ export default {
           localStorage.setItem('avatar', res.data.avatar || '')
           localStorage.setItem('integral', res.data.integral || '0')
           localStorage.setItem('token', res.data.token)
+          localStorage.setItem('canExchange', String(res.data.canExchange || 'false'))
         }
 
         // 验证成功后跳转到充值页面，传递用户信息