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);
   }