feat: 替换sass版本，定义全局样式，实现简单的页面布局操作，比如颜色、边距、圆角等

src/pages-order/order/components/Tabs/index.vue

@@ -271,5 +271,5 @@ defineExpose({
 </script>
 
 <style scoped lang="scss">
-@use "./styles/index.scss";
+@import "./styles/index.scss";
 </style>

src/pages-order/order/components/Tabs/styles/index.scss

@@ -21,7 +21,7 @@
 }
 
 .tab-text {
-  font-size: 14px;
+  font-size: $uni-font-size-base;
   color: #666;
   font-weight: 400;
   transition: all 0.3s ease;
@@ -29,14 +29,14 @@
 }
 
 .tab-text-active {
-  color: #333;
+  color: $uni-text-color;
   font-size: 16px;
   font-weight: 600;
 }
 
 .tab-item-active {
   .tab-text {
-    color: #333;
+    color: $uni-text-color;
     font-weight: 600;
   }
 }
@@ -46,13 +46,14 @@
   bottom: 0;
   height: 3px;
   min-height: 3px; /* 确保最小高度 */
-  background-color: #007AFF;
+  background-color: #007aff;
   border-radius: 10px;
-  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+    width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   z-index: 1;
   transform: translateZ(0); /* 启用硬件加速 */
   will-change: left, width; /* 优化动画性能 */
-  
+
   /* 初始状态：未初始化时隐藏 */
   opacity: 0;
   width: 15px; /* 默认宽度15px */
@@ -64,7 +65,6 @@
   opacity: 1;
 }
 
-
 /* 点击效果 */
 .tab-item:active {
   opacity: 0.7;
@@ -97,4 +97,4 @@
 
 .tab-indicator.animating {
   animation: tabSwitch 0.3s ease-out;
-}
+}