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

src/components/OrderCardItem/index.vue

@@ -48,5 +48,5 @@ const orderStatusText = computed(() => {
 </script>
 
 <style scoped lang="scss">
-@use "./styles/index.scss";
+@import "./styles/index.scss";
 </style>

src/components/OrderCardItem/styles/index.scss

@@ -25,11 +25,11 @@
 
 .order-title {
   font-size: 16px;
-  color: #333;
+  color: $uni-text-color;
 }
 
 .order-status {
-  font-size: 14px;
+  font-size: $uni-font-size-base;
   padding: 5px 10px;
   border-radius: 15px;
 }
@@ -70,12 +70,12 @@
 }
 
 .detail-label {
-  font-size: 14px;
+  font-size: $uni-font-size-base;
   color: #666;
   margin-right: 10px;
 }
 
 .detail-value {
-  font-size: 14px;
-  color: #333;
+  font-size: $uni-font-size-base;
+  color: $uni-text-color;
 }