style:修改订单详情页订单支付方式展示效果

pages/order/details.vue

@@ -19,9 +19,26 @@
         <text class="value">{{ orderInfo.deviceNo || '-' }}</text>
       </view>
       <view class="info-item">
-        <text class="label">支付方式</text>
-        <text class="value">{{ paymentMethod }}</text>
+        <text class="label">租借方式</text>
+        <view class="value payment-method">
+          <!-- <text>{{ paymentMethod }}</text> -->
+          
+          <!-- 支付方式标识 -->
+          <view class="payment-badge wx-score" v-if="orderInfo.payWay === 'wx_score_pay'">
+            <image src="/static/images/wxpayflag.png" mode="aspectFit" class="badge-icon"></image>
+            <view class="badge-text">
+              <text>微信支付分</text>
+              <text class="divider">|</text>
+              <text class="highlight">免押租借</text>
+            </view>
+          </view>
+          <!-- 押金租借标识 -->
+          <view class="payment-badge deposit" v-else>
+            <text class="badge-text">押金租借</text>
+          </view>
+        </view>
       </view>
+      
       <view class="info-item">
         <text class="label">创建时间</text>
         <text class="value">{{ orderInfo.createTime || '-' }}</text>
@@ -378,6 +395,55 @@ const navigateToReturn = () => {
         word-break: break-all;
         text-align: right;
         max-width: 70%;
+        
+        &.payment-method {
+          display: flex;
+          flex-direction: column;
+          align-items: flex-end;
+          
+          .payment-badge {
+            margin-top: 8rpx;
+            display: flex;
+            align-items: center;
+            padding: 4rpx 10rpx;
+            border-radius: 8rpx;
+            
+            &.wx-score {
+              background: rgba(7, 193, 96, 0.08);
+              
+              .badge-icon {
+                width: 32rpx;
+                height: 26rpx;
+                margin-right: 8rpx;
+              }
+              
+              .badge-text {
+                font-size: 22rpx;
+                color: #07c160;
+                display: flex;
+                align-items: center;
+                
+                .divider {
+                  margin: 0 6rpx;
+                }
+                
+                .highlight {
+                  font-weight: 500;
+                }
+              }
+            }
+            
+            &.deposit {
+              background: #f5f5f5;
+              
+              .badge-text {
+                font-size: 22rpx;
+                color: #666;
+                font-weight: 500;
+              }
+            }
+          }
+        }
       }
       
       &.total {