workflow: add stylelint

src/views/components/count-to/index.vue

@@ -49,6 +49,7 @@ export default {
 .flex {
   display: flex;
 }
+
 :deep(.el-card) {
   text-align: center;
   margin-bottom: 10px;

src/views/components/cropping/index.vue

@@ -53,9 +53,11 @@ export default {
   justify-content: space-between;
   align-items: center;
 }
+
 .el-button {
   margin-top: 10px;
 }
+
 .croppered {
   display: block;
   width: 45%;

src/views/components/seamless-scroll/index.vue

@@ -126,26 +126,30 @@ export default {
 .box-card {
   margin: 10px;
 }
+
 .card-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
+
   span {
     margin-right: 20px;
   }
 }
+
 .warp {
   height: 270px;
   width: 360px;
   margin: 0 auto;
   overflow: hidden;
+
   ul {
     list-style: none;
     padding: 0;
     margin: 0 auto;
+
     li,
     a {
-      display: block;
       height: 30px;
       line-height: 30px;
       display: flex;

src/views/components/split-pane/index.vue

@@ -54,6 +54,7 @@ export default {
 <style lang="scss" scoped>
 $W: 100%;
 $H: 80vh;
+
 .split-pane {
   width: 98%;
   height: $H;
@@ -61,6 +62,7 @@ $H: 80vh;
   text-align: center;
   font-size: 50px;
   color: #fff;
+
   .dv-a,
   .dv-b,
   .dv-c {
@@ -69,13 +71,16 @@ $H: 80vh;
     background: rgba($color: dodgerblue, $alpha: 0.8);
     line-height: $H;
   }
+
   .dv-b,
   .dv-c {
     line-height: 250px;
   }
+
   .dv-b {
     background: rgba($color: #000, $alpha: 0.8);
   }
+
   .dv-c {
     background: rgba($color: #ce272d, $alpha: 0.8);
   }

src/views/editor/index.vue

@@ -46,6 +46,7 @@ export default {
 :deep(.w-e-text-container) {
   z-index: 99 !important;
 }
+
 :deep(.w-e-toolbar) {
   z-index: 999 !important;
   position: static;

src/views/error/401.vue

@@ -37,33 +37,41 @@ export default {
   width: 800px;
   max-width: 100%;
   margin: 100px auto;
+
   .pan-back-btn {
     background: #008489;
     color: #fff;
     border: none !important;
   }
+
   .pan-gif {
     margin: 0 auto;
     display: block;
   }
+
   .pan-img {
     display: block;
     margin: 0 auto;
     width: 100%;
   }
+
   .text-jumbo {
     font-size: 60px;
     font-weight: 700;
     color: #484848;
   }
+
   .list-unstyled {
     font-size: 14px;
+
     li {
       padding-bottom: 5px;
     }
+
     a {
       color: #008489;
       text-decoration: none;
+
       &:hover {
         text-decoration: underline;
       }

src/views/error/404.vue

@@ -47,70 +47,43 @@ export default {
   top: 40%;
   left: 50%;
 }
+
 .wscn-http404 {
   position: relative;
   width: 1200px;
   padding: 0 50px;
   overflow: hidden;
+
   .pic-404 {
     position: relative;
     float: left;
     width: 600px;
     overflow: hidden;
+
     &__parent {
       width: 100%;
     }
+
     &__child {
-      position: absolute;
-      &.left {
-        width: 80px;
-        top: 17px;
-        left: 220px;
-        opacity: 0;
-        animation-name: cloudLeft;
-        animation-duration: 2s;
-        animation-timing-function: linear;
-        animation-fill-mode: forwards;
-        animation-delay: 1s;
-      }
-      &.mid {
-        width: 46px;
-        top: 10px;
-        left: 420px;
-        opacity: 0;
-        animation-name: cloudMid;
-        animation-duration: 2s;
-        animation-timing-function: linear;
-        animation-fill-mode: forwards;
-        animation-delay: 1.2s;
-      }
-      &.right {
-        width: 62px;
-        top: 100px;
-        left: 500px;
-        opacity: 0;
-        animation-name: cloudRight;
-        animation-duration: 2s;
-        animation-timing-function: linear;
-        animation-fill-mode: forwards;
-        animation-delay: 1s;
-      }
       @keyframes cloudLeft {
         0% {
           top: 17px;
           left: 220px;
           opacity: 0;
         }
+
         20% {
           top: 33px;
           left: 188px;
           opacity: 1;
         }
+
         80% {
           top: 81px;
           left: 92px;
           opacity: 1;
         }
+
         100% {
           top: 97px;
           left: 60px;
@@ -123,16 +96,19 @@ export default {
           left: 420px;
           opacity: 0;
         }
+
         20% {
           top: 40px;
           left: 360px;
           opacity: 1;
         }
+
         70% {
           top: 130px;
           left: 180px;
           opacity: 1;
         }
+
         100% {
           top: 160px;
           left: 120px;
@@ -145,30 +121,85 @@ export default {
           left: 500px;
           opacity: 0;
         }
+
         20% {
           top: 120px;
           left: 460px;
           opacity: 1;
         }
+
         80% {
           top: 180px;
           left: 340px;
           opacity: 1;
         }
+
         100% {
           top: 200px;
           left: 300px;
           opacity: 0;
         }
       }
+
+      position: absolute;
+
+      &.left {
+        width: 80px;
+        top: 17px;
+        left: 220px;
+        opacity: 0;
+        animation-name: cloudLeft;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+
+      &.mid {
+        width: 46px;
+        top: 10px;
+        left: 420px;
+        opacity: 0;
+        animation-name: cloudMid;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1.2s;
+      }
+
+      &.right {
+        width: 62px;
+        top: 100px;
+        left: 500px;
+        opacity: 0;
+        animation-name: cloudRight;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
     }
   }
+
   .bullshit {
+    @keyframes slideUp {
+      0% {
+        transform: translateY(60px);
+        opacity: 0;
+      }
+
+      100% {
+        transform: translateY(0);
+        opacity: 1;
+      }
+    }
+
     position: relative;
     float: left;
     width: 300px;
     padding: 30px 0;
     overflow: hidden;
+
     &__oops {
       font-size: 32px;
       font-weight: bold;
@@ -180,6 +211,7 @@ export default {
       animation-duration: 0.5s;
       animation-fill-mode: forwards;
     }
+
     &__headline {
       font-size: 20px;
       line-height: 24px;
@@ -192,6 +224,7 @@ export default {
       animation-delay: 0.1s;
       animation-fill-mode: forwards;
     }
+
     &__info {
       font-size: 13px;
       line-height: 21px;
@@ -203,6 +236,7 @@ export default {
       animation-delay: 0.2s;
       animation-fill-mode: forwards;
     }
+
     &__return-home {
       display: block;
       float: left;
@@ -211,7 +245,7 @@ export default {
       background: #1482f0;
       border-radius: 100px;
       text-align: center;
-      color: #ffffff;
+      color: #fff;
       opacity: 0;
       font-size: 14px;
       line-height: 36px;
@@ -221,16 +255,6 @@ export default {
       animation-delay: 0.3s;
       animation-fill-mode: forwards;
     }
-    @keyframes slideUp {
-      0% {
-        transform: translateY(60px);
-        opacity: 0;
-      }
-      100% {
-        transform: translateY(0);
-        opacity: 1;
-      }
-    }
   }
 }
 </style>

src/views/flow-chart/index.vue

@@ -99,29 +99,35 @@ export default {
   height: 85vh;
   outline: none;
 }
+
 .logic-flow-view {
   margin: 10px;
   position: relative;
 }
+
 .demo-title {
   text-align: center;
   margin: 20px;
 }
+
 .demo-control {
   position: absolute;
   top: 10px;
   right: 20px;
   z-index: 2;
 }
+
 .time-plus {
   cursor: pointer;
 }
+
 .add-panel {
   position: absolute;
   z-index: 11;
   background-color: white;
   padding: 10px 5px;
 }
+
 .el-drawer__body {
   height: 80%;
   overflow: auto;

src/views/system/dict/config.vue

@@ -168,6 +168,7 @@ export default defineComponent({
 <style lang="scss" scoped>
 .list {
   padding: 10px;
+
   .page-left {
     position: absolute;
     left: 10px;
@@ -176,20 +177,25 @@ export default defineComponent({
     z-index: 10;
   }
 }
+
 :deep(.select-count) {
   margin-right: 5px;
 }
+
 :deep(.el-drawer__header) {
   margin-bottom: 0;
 }
+
 :deep(.el-drawer__header span) {
   color: rgba(0, 0, 0, 0.85);
   font-weight: 500;
   font-size: 16px;
 }
+
 :deep(.el-divider--horizontal) {
   margin: 13px 0;
 }
+
 :deep(.el-icon-close) {
   &:hover {
     color: red;

src/views/system/dict/index.vue

@@ -336,18 +336,22 @@ export default {
 .dict-container {
   margin: 10px;
 }
+
 .vxe-input + .vxe-button,
 .vxe-input + .vxe-button--dropdown,
 .vxe-button + .vxe-button,
 .vxe-button + .vxe-button--dropdown {
   margin-left: 0;
 }
+
 .vxe-button.type--button:not(.is--round) {
   border-radius: 0;
 }
+
 .vxe-button.size--medium.type--button {
   margin-right: 0.07em;
 }
+
 .text-model {
   &:hover {
     cursor: pointer;

src/views/welcome.vue

@@ -210,6 +210,7 @@ export default {
   width: 100%;
   height: 100%;
   margin-top: 1px;
+
   .top-content {
     display: flex;
     justify-content: space-between;
@@ -218,9 +219,11 @@ export default {
     background: #fff;
     padding: 20px;
     border-bottom: 0.5px solid rgba($color: #ccc, $alpha: 0.3);
+
     .left-mark {
       display: flex;
       align-items: center;
+
       img {
         display: block;
         width: 72px;
@@ -231,10 +234,12 @@ export default {
       }
     }
   }
+
   .box-card {
     width: 80vw;
     margin: 10px auto;
     position: relative;
+
     #brokenLine {
       width: 100%;
       height: 50vh;