fix(popover,shakedice,tour): fix scss warning (#413)

xiaohe0601 · web-flow · commit 28df492f6daa · 2024-08-30T17:32:52.000+08:00
diff --git a/packages/nutui/components/popover/index.scss b/packages/nutui/components/popover/index.scss
@@ -1,4 +1,4 @@
-@import '../popup/index';
+@import "../popup/index";
 
 .nut-popover {
   position: absolute;
@@ -97,15 +97,12 @@
     border-radius: 5px;
     box-shadow: 0 2px 12px #3232331f;
     opacity: 1;
-    transition:
-      opacity 0.15s,
-      transform 0.15s;
+    transition: opacity 0.15s,
+    transform 0.15s;
 
     &-group {
       display: block;
       width: 100%;
-
-      // position: relative;
       height: 100%;
     }
 
@@ -149,12 +146,12 @@
     }
 
     &--top-end {
+      right: 0;
+
       .nut-popover-arrow--top-end {
         right: 16px;
         transform: translateX(0%);
       }
-
-      right: 0;
     }
 
     &--top-start {
diff --git a/packages/nutui/components/shakedice/index.scss b/packages/nutui/components/shakedice/index.scss
@@ -1,109 +1,106 @@
 .nut-shakedice {
-    position: relative;
+  position: relative;
+  width: 100px;
+  height: 100px;
+  transition: all 1s;
+  transform-style: preserve-3d;
+
+  .page {
+    position: absolute;
+    top: 0;
+    left: 0;
+    box-sizing: border-box;
+    display: flex;
     width: 100px;
     height: 100px;
-
-    // transform: rotateX(40deg) rotateY(-30deg);
-    transition: all 1s;
-    transform-style: preserve-3d;
-
-    .page {
-        position: absolute;
-        top: 0;
-        left: 0;
-        box-sizing: border-box;
-        display: flex;
-        width: 100px;
-        height: 100px;
-        font-size: 100px;
-        color: #fff;
-        text-align: center;
-        background: rgb(253 250 250);
-        border: 1px solid #000;
-        border-radius: 20px;
-
-        >text {
-            display: block;
-            width: 25px;
-            height: 25px;
-            background: black;
-            border-radius: 50%;
-        }
+    font-size: 100px;
+    color: #fff;
+    text-align: center;
+    background: rgb(253 250 250);
+    border: 1px solid #000;
+    border-radius: 20px;
+
+    > text {
+      display: block;
+      width: 25px;
+      height: 25px;
+      background: black;
+      border-radius: 50%;
     }
+  }
 
-    .page1 {
-        align-items: center;
-        justify-content: center;
-        transform: translateZ(50px);
-    }
-
-    .page2 {
-        align-items: center;
-        justify-content: space-around;
-        transform: rotateX(-90deg) translateZ(50px);
-    }
-
-    .page3 {
-        position: relative;
-
-        >text{
-            position: absolute;
+  .page1 {
+    align-items: center;
+    justify-content: center;
+    transform: translateZ(50px);
+  }
 
-            &:first-child{
-                top: 10px;
-                right: 10px;
-            }
+  .page2 {
+    align-items: center;
+    justify-content: space-around;
+    transform: rotateX(-90deg) translateZ(50px);
+  }
 
-            &:nth-child(2){
-                top: 37%;
-                left: 37%;
-            }
-
-            &:nth-child(3){
-                bottom: 10px;
-                left: 10px;
-            }
-        }
-
-        transform: rotateY(90deg) translateZ(50px);
-    }
+  .page3 {
+    position: relative;
+    transform: rotateY(90deg) translateZ(50px);
 
-    .page4 {
-        flex-wrap: wrap;
-        align-items: center;
-        justify-content: space-between;
-        padding: 15px;
-        transform: rotateY(-90deg) translateZ(50px);
-    }
+    > text {
+      position: absolute;
 
-    .page5 {
-        flex-wrap: wrap;
-        align-items: center;
-        justify-content: center;
-        transform: rotateX(90deg) translateZ(50px);
+      &:first-child {
+        top: 10px;
+        right: 10px;
+      }
 
-        >text{
-            margin: 0 10px;
+      &:nth-child(2) {
+        top: 37%;
+        left: 37%;
+      }
 
-            &:nth-child(3){
-                position: absolute;
-                top: 37%;
-                left: 37%;
-                margin: 0;
-            }
-        }
+      &:nth-child(3) {
+        bottom: 10px;
+        left: 10px;
+      }
     }
-
-    .page6 {
-        flex-wrap: wrap;
-        align-items: center;
-        justify-content: center;
-        transform: translateZ(-50px);
+  }
+
+  .page4 {
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    padding: 15px;
+    transform: rotateY(-90deg) translateZ(50px);
+  }
+
+  .page5 {
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    transform: rotateX(90deg) translateZ(50px);
+
+    > text {
+      margin: 0 10px;
+
+      &:nth-child(3) {
+        position: absolute;
+        top: 37%;
+        left: 37%;
+        margin: 0;
+      }
     }
+  }
+
+  .page6 {
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    transform: translateZ(-50px);
+  }
 }
 
 @keyframes rotate {
-    to {
-        transform: rotateX(360deg) rotateY(360deg);
-    }
-}
+  to {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}
diff --git a/packages/nutui/components/tour/index.scss b/packages/nutui/components/tour/index.scss
@@ -1,4 +1,4 @@
-@import '../popover/index';
+@import "../popover/index";
 
 .nut-tour {
   &-mask {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@import '../popover/index';`
	`1`	`+@import "../popover/index";`
`2`	`2`
`3`	`3`	`.nut-tour {`
`4`	`4`	`&-mask {`