🚨 fix sass breaking change: slash as division

Author: kayo5994

UI_dev/project/logic/_index.scss

@@ -12,6 +12,8 @@
  * #responsive 响应式
  */
 
+@use "sass:math";
+
 // #common 通用部分
 
 // 通用栏目
@@ -32,7 +34,7 @@
             transform: scaleY(.5);
         }
         @include screenResolution(3) {
-            transform: scaleY((1 / 3));
+            transform: scaleY(math.div(1, 3));
         }
     }
 
@@ -349,7 +351,7 @@
     .index_appIntro_img {
         height: auto;
         width: $index_appIntro_img_mobile_width;
-        padding-bottom: $index_appIntro_img_height / $index_appIntro_img_width * $index_appIntro_img_mobile_width;
+        padding-bottom: math.div($index_appIntro_img_height, $index_appIntro_img_width) * $index_appIntro_img_mobile_width;
     }
     .index_appIntro_desc {
         margin-bottom: 30px;

UI_dev/project/sprite.scss

@@ -6,6 +6,8 @@
  *
  */
 
+@use "sass:math";
+
 // 业务公共变量
 @import "_var";
 
@@ -52,7 +54,7 @@
             transform: scaleY(.5);
         }
         @include screenResolution(3) {
-            transform: scaleY((1 / 3));
+            transform: scaleY(math.div(1, 3));
         }
     }
 

UI_dev/qmui_web/qmui/mixin/tool/_calculate.scss

@@ -1,5 +1,7 @@
 @charset "utf-8";
 
+@use "sass:math";
+
 ////
 /// 辅助数值计算的工具方法
 /// @author Kayo
@@ -91,7 +93,7 @@
 /// @param {Number | String} $parent - 较大的长度值
 /// @param {Number | String} $child - 较小的长度值
 @function getLengthMaxIntegerCenter($parent, $child) {
-    $center: ($parent - $child) / 2;
+    $center: math.div($parent - $child, 2);
     // 注意这里的取整使用 ceil 而不是 floor 并不是随意写的，这是模拟现代浏览器对于小数点长度值的表现而定的。
     // 例如，margin-top: 10.5px 在现代浏览器中会表现为 margin-top: 11px 而不是 margin-top: 10px
     // 又例如，margin-top: -10.5px 在现代浏览器的表现等同于 margin-top: -10px 而不是 margin-top: -11px
@@ -130,7 +132,7 @@
 @function sqrt($num) {
     $temp:1;
     @while abs($temp - $num / $temp) > 1e-6 {
-        $temp: ($temp + $num/$temp) / 2;
+        $temp: ($temp + $num / $temp) / 2;
     }
     @return $temp;
 }

UI_dev/qmui_web/qmui/mixin/tool/_effect.scss

@@ -1,5 +1,7 @@
 @charset "utf-8";
 
+@use "sass:math";
+
 ////
 /// 辅助编写样式效果的工具方法
 /// @author Kayo
@@ -25,7 +27,7 @@
     position: absolute;
     left: 50%;
     top: 50%;
-    margin: (-$height) / 2 0 0 (-$width) / 2;
+    margin: math.div(-$height, 2) 0 0 math.div(-$width, 2);
 }
 
 %triangleCommonStyle {
@@ -50,25 +52,25 @@
     @extend %triangleCommonStyle;
     /* 向上小三角 */
     @if $direction == top {
-        border-width: $height $width / 2;
+        border-width: $height math.div($width, 2);
         border-top: 0;
         border-bottom-color: $borderColor;
     }
     /* 向下小三角 */
     @else if $direction == bottom {
-        border-width: $height $width / 2;
+        border-width: $height math.div($width, 2);
         border-bottom: 0;
         border-top-color: $borderColor;
     }
     /* 向左小三角 */
     @else if $direction == left {
-        border-width: $width / 2 $height;
+        border-width: math.div($width, 2) $height;
         border-left: 0;
         border-right-color: $borderColor;
     }
     /* 向右小三角 */
     @else if $direction == right {
-        border-width: $width / 2 $height;
+        border-width: math.div($width, 2) $height;
         border-right: 0;
         border-left-color: $borderColor;
     }
@@ -183,7 +185,7 @@
             }
             height: 300%;
             border-radius: $borderRadius * 3;
-            transform: scale((1 / 3));
+            transform: scale(math.div(1, 3));
         }
     }
 }