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

src/pages-order/order/components/OrderCard/InfoRow.vue

@@ -31,15 +31,15 @@ const props = defineProps({
 }
 
 .label {
-  font-size: 12px;
+  font-size: $uni-font-size-sm;
   color: #666666;
   flex-shrink: 0;
   margin-right: 8px;
 }
 
 .value {
-  font-size: 14px;
-  color: #333333;
+  font-size: $uni-font-size-base;
+  color: $uni-text-color;
   flex: 1;
 }
 </style>

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

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

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

@@ -41,9 +41,9 @@
 }
 
 .order-title {
-  font-size: 14px;
+  font-size: $uni-font-size-base;
   font-weight: 500;
-  color: #333333;
+  color: $uni-text-color;
   line-height: 1.4;
 }
 
@@ -56,7 +56,7 @@
   box-sizing: border-box;
   padding: 6px 16px;
   border-radius: 20px;
-  font-size: 12px;
+  font-size: $uni-font-size-sm;
   font-weight: 500;
 
   &.tag-0 {