From 2ffc8c18d9880219faa04af98866afaa7ae86e43 Mon Sep 17 00:00:00 2001
From: hooray <304327508@qq.com>
Date: Sat, 12 Mar 2022 09:51:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9stylelint=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .stylelintrc                           | 8 ++++++++
 src/layout/components/Topbar/index.vue | 2 +-
 src/views/index.vue                    | 3 +--
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/.stylelintrc b/.stylelintrc
index 9a6b84c..a848b99 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -35,6 +35,14 @@
                 ]
             }
         ],
+        "property-no-vendor-prefix": [
+            true,
+            {
+                "ignoreProperties": [
+                    "mask-image"
+                ]
+            }
+        ],
         "max-line-length": null
     }
 }
diff --git a/src/layout/components/Topbar/index.vue b/src/layout/components/Topbar/index.vue
index d15bbc8..5e5165d 100644
--- a/src/layout/components/Topbar/index.vue
+++ b/src/layout/components/Topbar/index.vue
@@ -92,8 +92,8 @@ function pathCompile(path) {
         align-items: center;
         padding-right: 50px;
         overflow: hidden;
-        /* stylelint-disable-next-line property-no-vendor-prefix */
         -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 50px), transparent);
+        mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 50px), transparent);
         .sidebar-collapse {
             display: flex;
             align-items: center;
diff --git a/src/views/index.vue b/src/views/index.vue
index 17746bf..34b63d4 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -150,8 +150,7 @@ const oneStepAdminInfo = ref({
 
 <style lang="scss" scoped>
 .text-emphasis {
-    /* stylelint-disable-next-line property-no-vendor-prefix */
-    -webkit-text-emphasis-style: "❤";
+    text-emphasis-style: "❤";
 }
 .ecology {
     padding: 10px 0 0;