From 3659cd3ef03b77ec6cdbd76838ad28a77b3698f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?TOP=E7=B3=AF=E7=B1=B3?= <1130395124@qq.com>
Date: Fri, 3 Mar 2023 00:17:16 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/get/action.vue | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/components/get/action.vue b/src/components/get/action.vue
index 3d52b7f..195afc5 100644
--- a/src/components/get/action.vue
+++ b/src/components/get/action.vue
@@ -1,9 +1,9 @@
 <template>
     <view class="component-get-action">
-        <view class="btn" @click="getOrder" v-if="order.orderType == models.order.type.NORMAL">
+        <view class="btn active" @click="getOrder" v-if="order.orderType == models.order.type.NORMAL">
             <text>立即抢单</text>
         </view>
-        <view class="btn" @click="postPrice" v-if="order.orderType == models.order.type.WORKER_PRICE">
+        <view class="btn active" @click="postPrice" v-if="order.orderType == models.order.type.WORKER_PRICE">
             <text>立即报价</text>
         </view>
     </view>
@@ -47,16 +47,29 @@ export default {
 <style lang="less" scoped>
 .component-get-action {
     width: 100%;
-    text-align: right;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
     .btn {
-        display: inline-block;
+        display: block;
         font-size: 26rpx;
-        color: #ffffff;
-        padding: 18rpx 30rpx;
+        padding: 16rpx 30rpx;
         line-height: 26rpx;
-        background-color: #8b9beb;
         border-radius: 30rpx;
         margin-left: 20rpx;
+        color: #999999;
+        box-sizing: border-box;
+        border: 1px solid #999999;
+    }
+    .btn.active {
+        color: #ffffff;
+        background-color: #8b9beb;
+        border: 1px solid #8b9beb;
+    }
+    .btn.normal {
+        color: #999999;
+        background-color: unset;
+        padding: 0;
     }
 }
 </style>
\ No newline at end of file