chore(sass): 编译器从node-sass转移成dart-sass

uni.scss

@@ -1,32 +1,50 @@
-/**
- * 你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
- * 建议使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
- */
-
-//主色调，红色：#FF0036，绿色 #4CAF50，蓝色：#03A9F4，黄色：#FF9800，粉色：#FF547B，棕色：#C3A769，浅绿色：#65C4AA，黑色：#333333，紫色：#B323B4，淡粉色：#FF8B8B
-
-// 颜色
-$color-title: #303133; // 主标题
-$color-sub: #606266; // 副标题
-$color-tip: #909399; // 辅助提示色
-$color-bg: #f8f8f8; // 背景色
-$color-line: #eeeeee; //分割线
-$color-disabled: #cccccc; // 禁用色
-
-// 文字
-$font-size-base: 28rpx; // 14px，正文文字
-$font-size-toolbar: 32rpx; // 16px，用于导航栏、标题
-$font-size-sub: 26rpx; // 13px，副标题
-$font-size-tag: 24rpx; // 12px，辅助性文字/大标签
-$font-size-goods-tag: 22rpx; // 11px，商品列表角标
-$font-size-activity-tag: 20rpx; // 10px，活动角标（拼团等角标）/小标签文字
-
-$margin-both: 30rpx; //外边距 左右
-$margin-updown: 20rpx; // 外边距 上下
-$border-radius: 10rpx; //圆角
-$padding: 20rpx; //内边距
-
-$base-color: var(--base-color); // 主色调
-$base-help-color: var(--base-help-color); //辅助颜色
-
-$goods-price-color: var(--goods-price-color);
+/**
+ * 你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ * 建议使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ */
+
+//主色调，红色：#FF0036，绿色 #4CAF50，蓝色：#03A9F4，黄色：#FF9800，粉色：#FF547B，棕色：#C3A769，浅绿色：#65C4AA，黑色：#333333，紫色：#B323B4，淡粉色：#FF8B8B
+
+// 颜色
+$color-title: #303133; // 主标题
+$color-sub: #606266; // 副标题
+$color-tip: #909399; // 辅助提示色
+$color-bg: #f8f8f8; // 背景色
+$color-line: #eeeeee; //分割线
+$color-disabled: #cccccc; // 禁用色
+
+// 文字
+$font-size-base: 28rpx; // 14px，正文文字
+$font-size-toolbar: 32rpx; // 16px，用于导航栏、标题
+$font-size-sub: 26rpx; // 13px，副标题
+$font-size-tag: 24rpx; // 12px，辅助性文字/大标签
+$font-size-goods-tag: 22rpx; // 11px，商品列表角标
+$font-size-activity-tag: 20rpx; // 10px，活动角标（拼团等角标）/小标签文字
+
+$margin-both: 30rpx; //外边距 左右
+$margin-updown: 20rpx; // 外边距 上下
+$border-radius: 10rpx; //圆角
+$padding: 20rpx; //内边距
+
+$base-color: var(--base-color); // 主色调
+$base-help-color: var(--base-help-color); //辅助颜色
+
+$goods-price-color: var(--goods-price-color);
+
+// uni 兼容变量
+$uni-font-size-sm: $font-size-tag; // 12px，小字体
+$uni-font-size-base: $font-size-base; // 14px，正文文字
+$uni-font-size-lg: $font-size-toolbar; // 16px，大字体
+$uni-bg-color: $color-bg; // 背景色
+$uni-bg-color-mask: rgba(0, 0, 0, 0.4); // 遮罩背景色
+$uni-border-color: $color-line; // 边框色
+$uni-text-color: $color-title; // 主文字色
+$uni-text-color-grey: $color-tip; // 灰色文字
+$uni-text-color-placeholder: $color-disabled; // 占位文字色
+$uni-bg-color-hover: $color-line; //  hover 背景色
+$uni-color-primary: $base-color; // 主色调
+$uni-color-error: #ff4d4f; // 错误色
+$uni-color-success: #52c41a; // 成功色
+$uni-color-warning: #faad14; // 警告色
+$uni-spacing-row-base: $margin-updown; // 行间距
+$uni-opacity-disabled: 0.6; // 禁用透明度