diff --git a/src/components/Calender/styles/index.scss b/src/components/Calender/styles/index.scss
index feb023d..27f5839 100644
--- a/src/components/Calender/styles/index.scss
+++ b/src/components/Calender/styles/index.scss
@@ -80,7 +80,7 @@ $font-size-label: 10px;
   justify-content: center;
   width: 32px;
   height: 32px;
-  border-radius: 50%;
+  border-radius: $uni-border-radius-circle;
   transition: background-color 0.2s;
 
   &:active {
diff --git a/src/components/CreateServiceOrder/styles/index.scss b/src/components/CreateServiceOrder/styles/index.scss
index ac99653..1207067 100644
--- a/src/components/CreateServiceOrder/styles/index.scss
+++ b/src/components/CreateServiceOrder/styles/index.scss
@@ -28,7 +28,7 @@
   width: 24px;
   height: 24px;
   margin-right: 8px;
-  border-radius: 50%;
+  border-radius: $uni-border-radius-circle;
   background-color: #ffa500;
   display: flex;
   align-items: center;
diff --git a/src/components/OrderCardItem/styles/index.scss b/src/components/OrderCardItem/styles/index.scss
index 67e2139..1b784b4 100644
--- a/src/components/OrderCardItem/styles/index.scss
+++ b/src/components/OrderCardItem/styles/index.scss
@@ -15,7 +15,7 @@
 .order-icon {
   width: 20px;
   height: 20px;
-  border-radius: 50%;
+  border-radius: $uni-border-radius-circle;
   background-color: #ffa500;
   display: flex;
   align-items: center;
@@ -35,7 +35,7 @@
 }
 
 .status-canceled {
-  color: #999;
+  color: $uni-text-color-grey;
   border: 1px solid #999;
 }
 
diff --git a/src/components/SumCard/styles/index.scss b/src/components/SumCard/styles/index.scss
index da86267..b2d036e 100644
--- a/src/components/SumCard/styles/index.scss
+++ b/src/components/SumCard/styles/index.scss
@@ -24,7 +24,7 @@
 
 .sum-value {
   font-size: $uni-font-size-base;
-  color: #999;
+  color: $uni-text-color-grey;
 }
 
 .sum-discount {
diff --git a/src/pages-order/order/components/OrderCard/index.vue b/src/pages-order/order/components/OrderCard/index.vue
index 90a5d3b..22ad4f4 100644
--- a/src/pages-order/order/components/OrderCard/index.vue
+++ b/src/pages-order/order/components/OrderCard/index.vue
@@ -36,7 +36,7 @@
 </template>
 
 <script setup>
-import { defineProps, defineExpose } from "vue";
+import { defineProps } from "vue";
 import Divider from "@/components/Divider/index.vue";
 import OrderCardContent from "./OrderCardContent.vue";
 import serviceIcon from "./images/service.png";
diff --git a/src/pages-order/order/components/OrderInfo/styles/index.scss b/src/pages-order/order/components/OrderInfo/styles/index.scss
index 26d2f3f..cf9b64b 100644
--- a/src/pages-order/order/components/OrderInfo/styles/index.scss
+++ b/src/pages-order/order/components/OrderInfo/styles/index.scss
@@ -165,7 +165,7 @@ $transition-normal: 0.3s ease;
         margin: -8px 0 0 -8px;
         border: 2px solid transparent;
         border-top: 2px solid #fff;
-        border-radius: 50%;
+        border-radius: $uni-border-radius-circle;
         animation: loading-spin 1s linear infinite;
       }
     }
diff --git a/src/pages/goods/components/DateSelector/styles/index.scss b/src/pages/goods/components/DateSelector/styles/index.scss
index 91b76ca..0aa5175 100644
--- a/src/pages/goods/components/DateSelector/styles/index.scss
+++ b/src/pages/goods/components/DateSelector/styles/index.scss
@@ -16,7 +16,7 @@
   top: -12rpx;
   left: 24rpx;
   font-size: 20rpx;
-  color: #999999;
+  color: $uni-text-color-grey;
   background-color: $uni-bg-color;
   padding: 0 8rpx;
   z-index: 1;
diff --git a/src/pages/goods/components/GoodConfirm/styles/index.scss b/src/pages/goods/components/GoodConfirm/styles/index.scss
index 6177934..f06c84c 100644
--- a/src/pages/goods/components/GoodConfirm/styles/index.scss
+++ b/src/pages/goods/components/GoodConfirm/styles/index.scss
@@ -93,7 +93,7 @@
 
         .price-desc {
           font-size: $uni-font-size-base;
-          color: #999;
+          color: $uni-text-color-grey;
           font-weight: 400;
           margin-left: 12px;
         }
@@ -129,7 +129,7 @@
         }
 
         .service-value {
-          color: #999;
+          color: $uni-text-color-grey;
         }
       }
     }
diff --git a/src/pages/index/components/drawer/MineSetting/styles/index.scss b/src/pages/index/components/drawer/MineSetting/styles/index.scss
index 16d999e..ef74f14 100644
--- a/src/pages/index/components/drawer/MineSetting/styles/index.scss
+++ b/src/pages/index/components/drawer/MineSetting/styles/index.scss
@@ -27,7 +27,7 @@
 .avatar-row .avatar {
   width: 80rpx;
   height: 80rpx;
-  border-radius: 50%;
+  border-radius: $uni-border-radius-circle;
 }
 
 .label {
diff --git a/src/pages/index/components/loading/DotLoading.vue b/src/pages/index/components/loading/DotLoading.vue
index b51fb1f..e65287e 100644
--- a/src/pages/index/components/loading/DotLoading.vue
+++ b/src/pages/index/components/loading/DotLoading.vue
@@ -18,7 +18,7 @@
     display: inline-block;
     width: 3px;
     height: 3px;
-    border-radius: 50%;
+    border-radius: $uni-border-radius-circle;
     margin-right: 3px;
     background: #333333;
     animation: wave 1.3s linear infinite;
diff --git a/src/pages/index/components/module/QuickBookingCalender/styles/index.scss b/src/pages/index/components/module/QuickBookingCalender/styles/index.scss
index 0418511..29e57cb 100644
--- a/src/pages/index/components/module/QuickBookingCalender/styles/index.scss
+++ b/src/pages/index/components/module/QuickBookingCalender/styles/index.scss
@@ -24,7 +24,7 @@
 
 .label {
   font-size: 24rpx;
-  color: #999;
+  color: $uni-text-color-grey;
 }
 .date {
   font-size: 28rpx;
@@ -54,4 +54,4 @@
   font-size: 22rpx;
   color: #666;
   margin-top: 4rpx;
-}
\ No newline at end of file
+}
diff --git a/src/pages/login/components/AgreePopup/styles/index.scss b/src/pages/login/components/AgreePopup/styles/index.scss
index 3fb3e36..97101a9 100644
--- a/src/pages/login/components/AgreePopup/styles/index.scss
+++ b/src/pages/login/components/AgreePopup/styles/index.scss
@@ -32,7 +32,7 @@
 
       &:hover {
         background: #f5f5f5;
-        border-radius: 50%;
+        border-radius: $uni-border-radius-circle;
       }
     }
   }