docs: ✏️ 文档添加生活小工具

Author: Moonofweisheng

docs/.vitepress/config.mts

@@ -1,28 +1,18 @@
 /*
  * @Author: weisheng
  * @Date: 2023-07-27 10:26:09
- * @LastEditTime: 2024-10-10 14:08:16
+ * @LastEditTime: 2024-11-03 13:30:06
  * @LastEditors: weisheng
  * @Description: 
  * @FilePath: \wot-design-uni\docs\.vitepress\config.mts
  * 记得注释
  */
 import { defineConfig } from 'vitepress';
 import viteCompression from 'vite-plugin-compression'
-import AutoImport from 'unplugin-auto-import/vite'
-import Components from 'unplugin-vue-components/vite'
-import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
-
 
 export default defineConfig({
   vite: {
     plugins: [
-      AutoImport({
-        resolvers: [ElementPlusResolver()],
-      }),
-      Components({
-        resolvers: [ElementPlusResolver()],
-      }),
       viteCompression({
         verbose: true,
         disable: false,
@@ -32,19 +22,6 @@ export default defineConfig({
       })
     ],
     ssr: { noExternal: ['element-plus'] }
-    // build: {
-    //   terserOptions: {
-    //     compress: {
-    //       //生产环境时移除console
-    //       drop_console: true,
-    //       drop_debugger: true
-    //     }
-    //   },
-    //   //   关闭文件计算
-    //   reportCompressedSize: false,
-    //   //   关闭生成map文件 可以达到缩小打包体积
-    //   sourcemap: false // 这个生产环境一定要关闭，不然打包的产物会很大
-    // }
   },
   title: `Wot Design Uni`,
   description: '一个参照wot-design打造的uni-app组件库',
@@ -138,9 +115,9 @@ export default defineConfig({
       {
         text: '周边生态',
         items: [
+          { text: '快速上手项目', link: 'https://github.com/Moonofweisheng/wot-demo' },
           { text: 'Vue3 uni-app路由库', link: 'https://moonofweisheng.github.io/uni-mini-router/' },
           { text: '多平台小程序CI工具', link: 'https://github.com/Moonofweisheng/uni-mini-ci' },
-          { text: '快速上手项目', link: 'https://github.com/Moonofweisheng/wot-starter-retail' },
           { text: 'Uni Helper', link: 'https://uni-helper.js.org/' },
         ],
       },
@@ -184,6 +161,10 @@ export default defineConfig({
           text: '榜上有名',
           link: '/reward/donor',
         },
+        {
+          text: '🤖 生活小工具',
+          link: '/reward/living',
+        },
       ],
 
       '/component/': [

docs/.vitepress/theme/index.ts

@@ -1,3 +1,12 @@
+/*
+ * @Author: weisheng
+ * @Date: 2024-10-12 22:09:33
+ * @LastEditTime: 2024-11-03 13:26:13
+ * @LastEditors: weisheng
+ * @Description: 
+ * @FilePath: \wot-design-uni\docs\.vitepress\theme\index.ts
+ * 记得注释
+ */
 import { h } from 'vue'
 import Theme from 'vitepress/theme'
 import './styles/vars.css'
@@ -10,7 +19,9 @@ import CustomFooter from './components/CustomFooter.vue'
 import SvgImage from './components/SvgImage.vue'
 import HomeStar from './components/HomeStar.vue'
 import frame from './components/frame.vue'
-import { ElTag, ElLink } from 'element-plus'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+
 
 export default {
   ...Theme,
@@ -25,7 +36,6 @@ export default {
   enhanceApp({ app }) {
     app.component('SvgImage', SvgImage)
     app.component('frame', frame)
-    app.component('ElTag', ElTag)
-    app.component('ElLink', ElLink)
+    app.use(ElementPlus)
   },
 }

docs/guide/introduction.md

@@ -53,6 +53,12 @@
 我们非常欢迎大家一起贡献优秀的 Demo 与案例，欢迎在此 [issue](https://github.com/Moonofweisheng/wot-design-uni/issues/16) 提交案例。
 
 
+## 赞助我们
+
+如果您认为 Wot Design Uni 帮助到了您的开发工作，您可以选择[赞助](/reward/reward.html)我们，赞助无门槛，哪怕是一杯柠檬水也好。
+
+捐赠后您的昵称、留言等将会展示在[捐赠榜单](/reward/donor.html)中。
+
 ## 周边生态
 
 | 项目                                                                                                        | 描述                                                 |
@@ -67,7 +73,6 @@
 | [wot-design-uni AI 助手](https://www.coze.cn/store/bot/7347916532258701363)                                 | 一个能回答你关于 wot-design-uni 组件库问题的智能助手 |
 | [uni-ku-root](https://github.com/uni-ku/root)                                                               | 一个模拟 App.vue 原有能力的根组件插件                  |
 
-
 ## 鸣谢
 
 - [wot-design](https://github.com/jd-ftf/wot-design-mini) - 感谢 wot-design 团队多年来的不断维护，让 wot-design-uni 能够站在巨人的肩膀上。

docs/index.md

@@ -13,14 +13,17 @@ hero:
     alt: Wot Design
   actions:
     - theme: brand
-      text: 快速上手
-      link: /guide/quick-use
+      text: 起步
+      link: /guide/introduction
     - theme: alt
       text: 常见问题
       link: /guide/common-problems
     - theme: alt
       text: 组件列表
       link: /component/button
+    - theme: brand
+      text: 🤖 生活小工具
+      link: /reward/living
     - theme: brand
       text: 🥤一杯咖啡
       link: /reward/reward

docs/public/QQ.png

@@ -2,8 +2,8 @@
 
 感谢各位捐赠者对本项目的支持，以下排名不分先后，按时间顺序排列。
 
-:::tip
-捐赠后,请发送邮件到1780903673@qq.com或者通过 github、微信群等社交平台告知要展示的捐赠者名称、留言、链接 (链接可以是您的博客、github、个人网站、公司产品等)
+:::tip 提醒
+捐赠后，可以发送邮件到1780903673@qq.com或者通过github、微信群等社交平台告知要展示的捐赠者名称、留言、链接 (链接可以是您的博客、github、个人网站、公司产品等)，如果可以，请务必留下你的Github用户名。
 :::
 
 ## 捐赠榜单

docs/public/salary-calculator.jpg

@@ -0,0 +1,22 @@
+# 🤖 生活小工具
+
+本章节提供了一些工作、生活中常用的一些小工具，大家可以使用，也是对我们的支持。
+
+如果对您有帮助，可以点赞转发给朋友，谢谢！
+
+## 工具列表
+
+  <el-card style="max-width: 250px" shadow="hover">
+    <template #header>
+    <span style=" font-size:18px;font-wight:500">🪙 薪资速算器</span>
+    </template>
+    <el-image
+      :src="salaryCalculator"
+      style="width: 100%"
+    />
+  </el-card>
+
+<script setup>
+import salaryCalculator from '/salary-calculator.jpg'
+ 
+</script>

docs/reward/donor.md

@@ -2,8 +2,8 @@
 
 如果您认为本项目对你的工作起到了帮助，可以通过以下方式捐助组件库的研发工作，使本项目持续发展下去，捐赠后你的头像、昵称和主页将会被展示在 `wot design uni` 文档的捐赠榜单上。
 
-:::tip
-捐赠后，可以发送邮件到1780903673@qq.com或者通过github、微信群等社交平台告知要展示的捐赠者名称、留言、链接 (链接可以是您的博客、github、个人网站、公司产品等)
+:::tip 提醒
+捐赠后，可以发送邮件到1780903673@qq.com或者通过github、微信群等社交平台告知要展示的捐赠者名称、留言、链接 (链接可以是您的博客、github、个人网站、公司产品等)，如果可以，请务必留下你的Github用户名。
 :::