From b1527c8dca101f626487845a1efd58e065c4d15d Mon Sep 17 00:00:00 2001
From: xiangshu233 <xiangshu233@outlook.com>
Date: Thu, 15 Feb 2024 17:07:19 +0800
Subject: [PATCH] =?UTF-8?q?fix(main):=20:bug:=20=E5=A2=9E=E5=8A=A0=20reset?=
 =?UTF-8?q?/tailwind=20=E6=A0=B7=E5=BC=8F=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json           |  5 +++--
 pnpm-lock.yaml         | 13 +++----------
 src/main.ts            |  3 +++
 src/views/my/index.vue |  6 +++++-
 4 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 8b4c64a..6e82ee6 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
   },
   "dependencies": {
     "@types/lodash-es": "^4.17.12",
+    "@unocss/reset": "^0.58.5",
     "@vicons/antd": "^0.12.0",
     "@vicons/ionicons5": "^0.12.0",
     "@vicons/utils": "^0.1.4",
@@ -53,10 +54,10 @@
     "@types/qs": "^6.9.11",
     "@typescript-eslint/eslint-plugin": "^6.16.0",
     "@typescript-eslint/parser": "^6.16.0",
-    "@vitejs/plugin-vue": "^5.0.0",
-    "@vue/eslint-config-typescript": "^12.0.0",
     "@unocss/transformer-directives": "^0.58.4",
     "@unocss/transformer-variant-group": "^0.58.4",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "@vue/eslint-config-typescript": "^12.0.0",
     "autoprefixer": "^10.4.16",
     "cross-env": "^7.0.3",
     "cz-git": "^1.8.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7ae1509..4601430 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,6 +8,9 @@ dependencies:
   '@types/lodash-es':
     specifier: ^4.17.12
     version: 4.17.12
+  '@unocss/reset':
+    specifier: ^0.58.5
+    version: 0.58.5
   '@vicons/antd':
     specifier: ^0.12.0
     version: 0.12.0
@@ -79,9 +82,6 @@ devDependencies:
   '@typescript-eslint/parser':
     specifier: ^6.16.0
     version: 6.16.0(eslint@8.56.0)(typescript@5.3.3)
-  '@unocss/preset-rem-to-px':
-    specifier: ^0.58.4
-    version: 0.58.5
   '@unocss/transformer-directives':
     specifier: ^0.58.4
     version: 0.58.5
@@ -1750,12 +1750,6 @@ packages:
       '@unocss/rule-utils': 0.58.5
     dev: true
 
-  /@unocss/preset-rem-to-px@0.58.5:
-    resolution: {integrity: sha512-gM1jy/HoUS/HeiuOt5u+fAAWT/PPLqfC8eWGRrtqm22zKOq0Ea/Lp8Jh+BApc1cGby2xw6lwiFJRbFbiPaFoNw==}
-    dependencies:
-      '@unocss/core': 0.58.5
-    dev: true
-
   /@unocss/preset-tagify@0.58.5:
     resolution: {integrity: sha512-UB9IXi8vA/SzmmRLMWR7bzeBpxpiRo7y9xk3ruvDddYlsyiwIeDIMwG23YtcA6q41FDQvkrmvTxUEH9LFlv6aA==}
     dependencies:
@@ -1795,7 +1789,6 @@ packages:
 
   /@unocss/reset@0.58.5:
     resolution: {integrity: sha512-2wMrkCj3SSb5hrx9TKs5jZa34QIRkHv9FotbJutAPo7o8hx+XXn56ogzdoUrcFPJZJUx2R2nyOVbSlGMIjtFtw==}
-    dev: true
 
   /@unocss/rule-utils@0.58.5:
     resolution: {integrity: sha512-w0sGJoeUGwMWLVFLEE9PDiv/fQcQqZnTIIQLYNCjTdqXDRlwTp9ACW0h47x/hAAIXdOtEOOBuTfjGD79GznUmA==}
diff --git a/src/main.ts b/src/main.ts
index aa1d4ef..7a98750 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,9 @@
 import 'virtual:uno.css';
 import 'vant/es/toast/style';
 import 'vant/es/dialog/style';
+import '@unocss/reset/tailwind.css';
+import '@unocss/reset/tailwind-compat.css';
+
 // Register icon sprite
 import 'virtual:svg-icons-register';
 import { createApp } from 'vue';
diff --git a/src/views/my/index.vue b/src/views/my/index.vue
index 1239757..0fb17ce 100644
--- a/src/views/my/index.vue
+++ b/src/views/my/index.vue
@@ -5,7 +5,7 @@
       class="my-card shadow-xl relative -top-150px mx-40px rounded-2xl flex flex-col items-center pb-20px"
     >
       <van-image
-        class="border-4 !absolute -top-90px h-170px w-170px"
+        class="border-4 border-solid !absolute -top-90px h-170px w-170px"
         round
         fit="cover"
         :src="avatar"
@@ -100,6 +100,7 @@
   .my-bg {
     clip-path: inset(0 -55% 0 -55% round 0 0 100% 100%);
     background-size: cover;
+
     &::after {
       content: '';
       position: absolute;
@@ -111,12 +112,15 @@
       opacity: 0.9;
     }
   }
+
   .van-cell {
     align-items: center;
     background: transparent;
+
     &:active {
       background-color: var(--van-cell-active-color);
     }
+
     .xicon {
       margin-right: 10px;
     }