style: 💄 style lint

package.json

@@ -109,7 +109,6 @@
     "rollup-plugin-visualizer": "^5.9.0",
     "sass": "^1.59.2",
     "stylelint": "^15.2.0",
-    "stylelint-config-prettier": "^9.0.5",
     "stylelint-config-recess-order": "^4.0.0",
     "stylelint-config-standard": "^30.0.1",
     "stylelint-order": "^6.0.3",

src/components/Application/AppTheme.vue

@@ -49,6 +49,7 @@
     padding: 0 5px;
     font-size: 0.8em;
     border-radius: 30px;
+
     .theme-inner {
       position: absolute;
       z-index: 1;
@@ -60,11 +61,13 @@
       will-change: transform;
     }
   }
+
   .theme-dark {
     .theme-inner {
       transform: translateX(calc(100% + 4px));
     }
   }
+
   .icon {
     font-size: 1em;
   }

src/components/CountTo/src/rebound/index.vue

@@ -70,6 +70,7 @@
   :root {
     --width: 30px;
   }
+
   .scroll-num {
     height: 1em;
     font-size: 1em;
@@ -87,17 +88,17 @@
   @keyframes move {
     from {
       transform: translateY(-90%);
-      filter: url(#blur);
+      filter: url('#blur');
     }
 
     to {
       transform: translateY(1%);
-      filter: url(#blur);
+      filter: url('#blur');
     }
   }
 
   @keyframes bounce-in-down {
-    from {
+    0% {
       transform: translateY(calc(var(--i) * -9.09% - 7%));
       filter: none;
     }
@@ -118,7 +119,7 @@
       transform: translateY(calc(var(--i) * -9.09% - 0.3%));
     }
 
-    to {
+    100% {
       transform: translateY(calc(var(--i) * -9.09%));
     }
   }
@@ -140,7 +141,7 @@
       transform: translateY(-1%);
     }
 
-    to {
+    100% {
       transform: translateY(0);
     }
   }

src/components/PreviewDocx/index.vue

@@ -50,11 +50,11 @@
 </script>
 
 <template>
-  <div ref="officeDocx" class="office-Docx"></div>
+  <div ref="officeDocx" class="office-docx"></div>
 </template>
 
 <style lang="scss" scoped>
-  .office-Docx {
+  .office-docx {
     width: 100%;
     height: 100%;
   }

src/components/SvgIcon/index.vue

@@ -43,18 +43,20 @@
     margin: 0;
     // 取父级的宽高
     font-size: 1em;
-    color: currentColor;
+    color: currentcolor;
   }
+
   .svg-icon {
     height: 1em;
     line-height: 1em;
     font-size: 1em;
+
     .svg {
       width: 1em;
       height: 1em;
 
       use {
-        fill: currentColor;
+        fill: currentcolor;
       }
     }
   }

src/layouts/pageLayouts/components/AppLogo/index.vue

@@ -32,6 +32,7 @@
       display: flex;
       align-items: center;
       justify-content: center;
+
       .logo_img {
         width: 38px;
         height: 38px;
@@ -47,6 +48,7 @@
       overflow: hidden;
     }
   }
+
   .app-logo-hide {
     // width: $sideBarWidth;
     .name {

src/layouts/pageLayouts/components/AppTabs/index.vue

@@ -152,11 +152,13 @@
         left: 0;
       }
     }
+
     .el-tabs {
       width: 0;
       height: $tabsPageHeight;
       flex: 1;
       margin: 0 10px;
+
       :deep(.el-tabs__header) {
         height: 100%;
         margin: 0;
@@ -171,9 +173,11 @@
         .el-tabs__nav-scroll {
           display: flex;
           align-items: center;
+
           .el-tabs__nav {
             border: none;
             border-radius: 0;
+
             .el-tabs__item {
               height: 100%;
               line-height: $tabsPageHeight - 10;
@@ -194,23 +198,27 @@
         // }
       }
     }
+
     .right-view {
       position: fixed;
       z-index: 999;
       background-color: var(--main-bg-color);
       border: 1px solid var(--border-color-light);
       border-radius: 5px;
       padding: 5px;
-      box-shadow: 0px 0px 12px rgb(28 29 30 / 8%);
+      box-shadow: 0 0 12px rgb(28 29 30 / 8%);
+
       .right-view-item {
         padding: 5px 10px;
         font-size: var(--font-size-base);
         display: flex;
         align-items: center;
         border-radius: 5px;
+
         .right-view-item-icon {
           margin-right: 5px;
         }
+
         &:hover {
           background-color: var(--sub-color-8);
         }
@@ -220,6 +228,7 @@
     .right-button {
       ul {
         display: flex;
+
         li {
           width: $tabsPageHeight;
           text-align: center;
@@ -229,16 +238,18 @@
           display: flex;
           align-items: center;
           justify-content: center;
+
           .action-item {
             font-size: var(--font-size-medium);
-
             height: $tabsPageHeight;
           }
         }
+
         /* 刷新按钮动画效果 */
         .refresh-button {
           animation: rotate 600ms linear infinite;
         }
+
         @keyframes rotate {
           from {
             transform: rotate(0deg);

src/layouts/pageLayouts/components/Navbart/index.vue

@@ -75,6 +75,7 @@
     background-color: $navBarColor;
     border-bottom: 1px solid var(--border-color-light);
     box-shadow: 1px 0 20px rgb(0 0 0 / 8%);
+
     .navbar-content {
       width: 100%;
       height: #{$navBarHeight};

src/layouts/pageLayouts/components/Seting/ThemeSettings/index.vue

@@ -64,31 +64,37 @@
     align-items: center;
     justify-content: space-between;
     margin-bottom: 24px;
+
     .color-list-item {
       width: 20px;
       height: 20px;
       display: flex;
       align-items: center;
       justify-content: center;
+
       .icon {
         color: #fff;
       }
     }
   }
+
   .options {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 15px;
+
     .color-picker {
       position: relative;
       width: 50px;
       height: 24px;
+
       span {
         display: block;
         width: 100%;
         height: 100%;
       }
+
       .mask {
         position: fixed;
         left: 0;
@@ -97,6 +103,7 @@
         height: 100vh;
         z-index: 98;
       }
+
       :deep(.vc-colorpicker) {
         position: absolute;
         top: 30px;

src/layouts/pageLayouts/components/Seting/index.vue

@@ -107,6 +107,7 @@
     height: 100%;
     overflow-y: auto;
     position: relative;
+
     .layout_seting {
       .sidebar_seting {
         display: flex;

src/layouts/pageLayouts/components/Seting/pageSettings/index.vue

@@ -68,16 +68,19 @@
     align-items: center;
     justify-content: space-between;
     margin-bottom: 15px;
+
     .color-picker {
       position: relative;
       width: 50px;
       height: 24px;
+
       span {
         display: block;
         width: 100%;
         height: 100%;
       }
     }
+
     .select {
       width: 100px;
     }

src/views/about/index.vue

@@ -54,6 +54,7 @@
 <style lang="scss" scoped>
   .box-card {
     margin-bottom: 20px;
+
     .margin-top :deep(.el-descriptions__body) {
       margin: 20px;
       background-color: #{--main-bg-color} !important;

src/views/components/TablePage/index.vue

@@ -147,6 +147,7 @@
   .box-card {
     margin-bottom: 20px;
   }
+
   .nesting {
     padding: 0 20px;
   }

src/views/components/date/index.vue

@@ -60,17 +60,21 @@
       .el-date-range-picker {
         width: 800px;
       }
+
       .el-picker-panel__content {
         .el-date-table td.start-date .el-date-table-cell {
           border-top-left-radius: 20px;
           border-bottom-left-radius: 20px;
         }
+
         .el-date-table td.end-date .el-date-table-cell {
           border-top-right-radius: 20px;
           border-bottom-right-radius: 20px;
         }
+
         .el-date-table-cell {
           height: 42px;
+
           .el-date-table-cell__text {
             display: flex;
             flex-direction: column;

src/views/components/drag/index.vue

@@ -80,26 +80,32 @@
     height: 300px;
     overflow: auto;
   }
+
   .list {
     width: 100%;
+
     .list-item {
       width: 100%;
       padding: 20px;
       // line-height: 50px;
       border: 1px solid var(--border-color-light);
+
       .handle {
         margin-right: 20px;
         cursor: move;
       }
     }
+
     .sortable-chosen {
       border: 1px solid red;
     }
   }
+
   .listgrid {
     display: grid;
     grid-template-columns: 33.3% 33.3% 33.3%;
     grid-template-rows: 100px 100px 100px;
+
     .list-item {
       cursor: move;
       display: flex;

src/views/echarts/map/index.vue

@@ -121,6 +121,7 @@
     width: 100%;
     height: 100%;
   }
+
   .page-container {
     width: 100%;
     height: 100%;

src/views/editor/markdown/index.vue

@@ -19,9 +19,11 @@
     height: 100%;
     display: flex;
     justify-content: space-between;
+
     .input {
       width: 49%;
       height: 100%;
+
       :deep(.el-textarea__inner) {
         height: 100% !important;
       }