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

src/pages/index/components/module/DiscoveryCradContentList/index.vue

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

src/pages/index/components/module/DiscoveryCradContentList/styles/index.scss

@@ -11,7 +11,7 @@
       align-items: start;
       width: 188px;
       height: 154px;
-      background-color: #ffffff;
+      background-color: $uni-bg-color;
       border-radius: 10px;
       margin-right: 8px;
       position: relative;
@@ -25,8 +25,8 @@
         padding: 12px;
         text-align: center;
         font-weight: 500;
-        font-size: 12px;
-        color: #333333;
+        font-size: $uni-font-size-sm;
+        color: $uni-text-color;
       }
     }
   }