浏览代码

chore: 适配`@keyframes`默认的命名规则

xiaoxian521 2 年之前
父节点
当前提交
6176d9508b
共有 3 个文件被更改,包括 6 次插入7 次删除
  1. 2 2
      index.html
  2. 4 4
      src/layout/components/tag/index.scss
  3. 0 1
      stylelint.config.js

+ 2 - 2
index.html

@@ -36,7 +36,7 @@
           width: 2.5em;
           height: 2.5em;
           border-radius: 50%;
-          animation: loadAnimation 1.8s infinite ease-in-out;
+          animation: load-animation 1.8s infinite ease-in-out;
           animation-fill-mode: both;
         }
 
@@ -68,7 +68,7 @@
           left: 3.5em;
         }
 
-        @keyframes loadAnimation {
+        @keyframes load-animation {
           0%,
           80%,
           100% {

+ 4 - 4
src/layout/components/tag/index.scss

@@ -1,4 +1,4 @@
-@keyframes scheduleInWidth {
+@keyframes schedule-in-width {
   from {
     width: 0;
   }
@@ -8,7 +8,7 @@
   }
 }
 
-@keyframes scheduleOutWidth {
+@keyframes schedule-out-width {
   from {
     width: 100%;
   }
@@ -280,7 +280,7 @@
   width: 100%;
   height: 2px;
   background: var(--el-color-primary);
-  animation: scheduleInWidth 200ms ease-in;
+  animation: schedule-in-width 200ms ease-in;
 }
 
 /* 灵动模式下鼠标移出隐藏蓝色进度条 */
@@ -291,5 +291,5 @@
   width: 0;
   height: 2px;
   background: var(--el-color-primary);
-  animation: scheduleOutWidth 200ms ease-in;
+  animation: schedule-out-width 200ms ease-in;
 }

+ 0 - 1
stylelint.config.js

@@ -22,7 +22,6 @@ module.exports = {
   ],
   rules: {
     "selector-class-pattern": null,
-    "keyframes-name-pattern": null,
     "no-descending-specificity": null,
     "scss/dollar-variable-pattern": null,
     "selector-pseudo-class-no-unknown": [