feat: 添加 tabler 图标库和 unocss preset-icons

为项目添加了 "@iconify-json/tabler" 和 "@unocss/preset-icons" 依赖，用于引入 tabler 图标库和 unocss preset-icons 预设样式。

components.d.ts

@@ -23,7 +23,6 @@ declare module 'vue' {
     WdSteps: typeof import('wot-design-uni/components/wd-steps/wd-steps.vue')['default']
     WdTabbar: typeof import('wot-design-uni/components/wd-tabbar/wd-tabbar.vue')['default']
     WdTabbarItem: typeof import('wot-design-uni/components/wd-tabbar-item/wd-tabbar-item.vue')['default']
-    WdTag: typeof import('wot-design-uni/components/wd-tag/wd-tag.vue')['default']
     WdToast: typeof import('wot-design-uni/components/wd-toast/wd-toast.vue')['default']
   }
 }

package.json

@@ -70,7 +70,9 @@
     "@dcloudio/uni-cli-shared": "3.0.0-4020420240722002",
     "@dcloudio/uni-stacktracey": "3.0.0-4020420240722002",
     "@dcloudio/vite-plugin-uni": "3.0.0-4020420240722002",
+    "@iconify-json/tabler": "^1.2.3",
     "@uni-helper/vite-plugin-uni-components": "^0.1.0",
+    "@unocss/preset-icons": "^0.62.4",
     "@unocss/transformer-directives": "^0.62.4",
     "@vue/runtime-core": "^3.4.21",
     "@vue/tsconfig": "^0.1.3",

pnpm-lock.yaml

@@ -84,9 +84,15 @@ importers:
       '@dcloudio/vite-plugin-uni':
         specifier: 3.0.0-4020420240722002
         version: 3.0.0-4020420240722002(@nuxt/kit@3.13.2(rollup@4.21.3)(webpack-sources@3.2.3))(postcss@8.4.45)(rollup@4.21.3)(vite@5.2.8(@types/node@22.5.5)(sass@1.78.0)(terser@5.32.0))(vue@3.5.5(typescript@4.9.5))(webpack-sources@3.2.3)
+      '@iconify-json/tabler':
+        specifier: ^1.2.3
+        version: 1.2.3
       '@uni-helper/vite-plugin-uni-components':
         specifier: ^0.1.0
         version: 0.1.0(rollup@4.21.3)
+      '@unocss/preset-icons':
+        specifier: ^0.62.4
+        version: 0.62.4
       '@unocss/transformer-directives':
         specifier: ^0.62.4
         version: 0.62.4
@@ -1147,6 +1153,9 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@iconify-json/tabler@1.2.3':
+    resolution: {integrity: sha512-km0P/1Gtp/bFhvBQQmDkMx3nNIkNmU57WCYl9b8Envl81m3bhVVT85A8FtWChQxMXsYv3cTNuwMq/WZGfcY9vQ==}
+
   '@iconify/types@2.0.0':
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
 
@@ -1668,6 +1677,9 @@ packages:
   '@unocss/preset-icons@0.62.3':
     resolution: {integrity: sha512-Ie+5RTyac1Q5CNB/s/4aB4VTHAQgQqsI5hshMNLkJ0Jj1lWxodUdEbCRKjXDalRjAXOS9vsLjfJ35ozJ1RSTIQ==}
 
+  '@unocss/preset-icons@0.62.4':
+    resolution: {integrity: sha512-n9m2nRTxyiw0sqOwSioO3rro0kaPW0JJzWlzcfdwQ+ZORNR5WyJL298fLXYUFbZG3EOF+zSPg6CMDWudKk/tlA==}
+
   '@unocss/preset-mini@0.62.3':
     resolution: {integrity: sha512-dn/8ubeW2ry/ZF3iKxdQHnS0l3EBibt0rIOE/XVwx24ub6pRzclU4r7xHnXeqvAFOO9PoiKDGgFR92m6R2MxyQ==}
 
@@ -5926,6 +5938,10 @@ snapshots:
   '@esbuild/win32-x64@0.23.1':
     optional: true
 
+  '@iconify-json/tabler@1.2.3':
+    dependencies:
+      '@iconify/types': 2.0.0
+
   '@iconify/types@2.0.0': {}
 
   '@iconify/utils@2.1.33':
@@ -6726,6 +6742,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@unocss/preset-icons@0.62.4':
+    dependencies:
+      '@iconify/utils': 2.1.33
+      '@unocss/core': 0.62.4
+      ofetch: 1.3.4
+    transitivePeerDependencies:
+      - supports-color
+
   '@unocss/preset-mini@0.62.3':
     dependencies:
       '@unocss/core': 0.62.3

src/pages/index/index.vue

@@ -100,15 +100,15 @@ onMounted(() => {
             <div v-else v-for="(lesson, i) in courses" :key="i" @click="openLessonDetail(lesson.id)"
               class="w-full py-2 flex justify-between items-center gap-20 border-b border-b-solid border-neutral-100 last:border-b-0 first:pt-0 last:pb-0">
               <div class="flex items-center gap-1">
-                <wd-icon
-                  :name="calcLessonProgress(lesson) === 100 ? 'check-circle' : (calcLessonProgress(lesson) === 0 ? 'circle1' : 'hourglass')"
-                  size="16px"></wd-icon>
+                <div v-if="calcLessonProgress(lesson) === 100" class="i-tabler-circle-check"></div>
+                <div v-else-if="calcLessonProgress(lesson) === 0" class="i-tabler-circle-dashed"></div>
+                <div v-else class="i-tabler-hourglass-empty"></div>
                 <span>{{ lesson.m_lesson_name || '无标题视频' }}</span>
               </div>
               <div class="w-24 flex items-center gap-3">
                 <wd-progress :percentage="calcLessonProgress(lesson)"
                   :color="calcLessonProgress(lesson) === 100 ? '#34d399' : '#60a5fa'" hide-text />
-                <wd-icon name="chevron-right" size="16px" class="op-75"></wd-icon>
+                <div class="i-tabler-dots text-neutral-400 text-xl"></div>
               </div>
             </div>
           </div>

uno.config.ts

@@ -1,3 +1,4 @@
+import presetIcons from "@unocss/preset-icons";
 import presetWeapp from "unocss-preset-weapp";
 import {
   extractorAttributify,
@@ -15,8 +16,12 @@ export default {
     presetWeapp({
       whRpx: false,
     }),
+
     // attributify autocomplete
     presetWeappAttributify(),
+
+    // https://unocss.dev/presets/icons
+    presetIcons(),
   ],
   shortcuts: [
     {