1

src/pages/client/home/index.vue

@@ -621,7 +621,7 @@ export default {
 			}
 			
 			.logoutBtn {
-				background: linear-gradient(270deg, #FF19A0 0%, #FF6BB3 100%);
+				background: #FF19A0;
 				border-radius: 218px;
 				color: #fff;
 				font-size: 23rpx;

src/pages/client/mine/index.vue

@@ -409,7 +409,7 @@ title: '请添加客服号',
 			}
 			
 			.logoutBtn {
-				background: linear-gradient(270deg, #FF19A0 0%, #FF6BB3 100%);
+				background: #FF19A0;
 				color: #fff;
 				padding: 16rpx 32rpx;
 				border-radius: 50rpx;

src/pages/client/order/create.vue

@@ -70,8 +70,11 @@
       <view class="place-view"></view>
 
       <view class="order-create-bottom">
+        <view class="price-info">
+          <text class="current-price">¥{{ payPrice.toFixed(2) }}</text>
+        </view>
         <view class="pay-btn" @click="createOrder">
-          <text class="pay-btn-text">立即支付</text>
+          <text class="pay-btn-text">立即购买</text>
         </view>
       </view>
 
@@ -385,7 +388,7 @@ export default {
             margin-bottom: 16rpx;
           }
 
-          .price-wrapper {
+       .price-wrapper {
             display: flex;
             align-items: baseline;
             margin-bottom: 12rpx;
@@ -400,7 +403,7 @@ export default {
             }
 
             .final-price {
-              font-size: 36rpx;
+              font-size: 48rpx;
               color: #ff19a0;
               font-weight: 700;
               margin-right: 12rpx;
@@ -438,29 +441,49 @@ export default {
     box-sizing: border-box;
     display: flex;
     align-items: center;
-    gap: 20rpx;
+    justify-content: space-between;
     box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.05);
 
+    .price-info {
+      display: flex;
+      align-items: baseline;
+
+      .current-price {
+        font-size: 40rpx;
+        color: #ff19a0;
+        font-weight: 700;
+        margin-right: 12rpx;
+      }
+
+      .original-price {
+        font-size: 24rpx;
+        color: #999;
+        text-decoration: line-through;
+      }
+    }
+
     .pay-btn {
-      flex: 1;
-      height: 92rpx;
-      border-radius: 92rpx;
+      flex: 0 0 auto;
+      height: 72rpx;
+      padding: 0 40rpx;
+      border-radius: 72rpx;
       background: #ff19a0;
       display: flex;
       align-items: center;
       justify-content: center;
 
       .pay-btn-text {
-        font-size: 30rpx;
+        font-size: 32rpx;
         color: #fff;
-        font-weight: 500;
+        font-weight: 600;
       }
     }
   }
 }
 
 .full-width-img {
-  width: 100%;
+  width: calc(100% - 40rpx);
+  margin: 0 20rpx;
   display: block;
 }
 </style>