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

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

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

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

@@ -1,5 +1,5 @@
 .order-qrcode {
-  background: #ffffff;
+  background-color: $uni-bg-color;
   border-radius: 10px;
   box-sizing: border-box;
   display: flex;
@@ -10,7 +10,7 @@
   margin-bottom: 12px;
 
   text {
-    font-size: 12px;
+    font-size: $uni-font-size-sm;
     color: #666666;
     line-height: 17px;
     margin-top: 4px;