租聘申请静态界面1.0

pages/lease/lease.vue

@@ -411,7 +411,7 @@ export default {
       top: 0;
       bottom: 0;
       width: 6rpx;
-      background: linear-gradient(to bottom, #ff6b6b, #ff9a9e);
+      background: #f3f5f6;
       border-radius: 6rpx 0 0 6rpx;
     }
 
@@ -446,8 +446,8 @@ export default {
     }
 
     .use-location-btn {
-      background: linear-gradient(135deg, #ff6b6b, #ff9a9e);
-      color: white;
+      background: #f3f5f5;
+      color: #000000;
       border: none;
       border-radius: 24rpx;
       padding: 12rpx 24rpx;
@@ -505,11 +505,11 @@ export default {
 
   .pay-button {
     width: 100%;
-    height: 100rpx;
+    height: 100%;
     background: #f15a04;
     color: #fff;
     border: none;
-    border-radius: 5rpx;
+    border-radius: 10rpx;
     font-size: 32rpx;
     font-weight: bold;
     margin-bottom: 40rpx;
@@ -520,13 +520,14 @@ export default {
     .details-header {
       display: flex;
       align-items: center;
-      justify-content: space-between;
+
       padding: 20rpx 0;
       border-bottom: 2rpx solid #f0f0f0;
 
       .details-title {
         font-size: 28rpx;
         color: #f15a04;
+        padding-right: 10rpx;
       }
 
       .arrow-wrapper {
@@ -557,12 +558,12 @@ export default {
 
         .detail-label {
           font-size: 28rpx;
-          color: #333;
+          color: #868686;
         }
 
         .detail-value {
           font-size: 28rpx;
-          color: #ff4757;
+          color: #3d3d3d;
           font-weight: bold;
         }
       }