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

src/components/GoodDetail/index.vue

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

src/components/GoodDetail/styles/index.scss

@@ -23,8 +23,8 @@
       flex-shrink: 0;
 
       .module-title {
-        font-size: 14px;
-        color: #333;
+        font-size: $uni-font-size-base;
+        color: $uni-text-color;
         text-align: center;
         word-wrap: break-word;
         margin-left: 4px;
@@ -33,7 +33,7 @@
 
     .module-desc {
       flex: 1;
-      font-size: 12px;
+      font-size: $uni-font-size-sm;
       color: #666;
       line-height: 1.5;
       margin-top: 4px;