docs: ✏️ 文档中添加wot-demo的介绍

Author: Moonofweisheng

docs/guide/common-problems.md

@@ -244,6 +244,10 @@ import { useMessage } from 'wot-design-uni'
 
 ## 当前组件库提供的用于控制组件显示隐藏 hooks 不生效怎么办？
 
+:::tip 注意
+多次执行`use`后，`useToast`、`useMessage`、`useNotify`、`useQueue`等 hooks 不生效的问题已在1.3.14版本修复，请升级到最新版本。
+:::
+
 **_可以按照以下步骤进行排查_**
 
 1. `uni-app`平台不支持全局挂载组件，所以`Message`、`Toast`、`Notify`等组件需在 SFC 中显式使用，例如：
@@ -264,6 +268,8 @@ const toast = useToast()
 const myToast = useToast('my-toast')
 ```
 
+
+
 ## 为什么在微信小程序上使用`Popup`、`ActionSheet`、`DropDownItem`等弹出框组件包裹`Slider`、`Tabs`等组件时，`Slider`、`Tabs`表现异常？
 
 目前uni-app使用`v-if`控制插槽是否显示编译到微信小程序端存在问题，具体可以参考issue:[4755](https://github.com/dcloudio/uni-app/issues/4755)、[4847](https://github.com/dcloudio/uni-app/issues/4847)。而`Popup`、`ActionSheet`、`DropDownItem`恰好正是使用`v-if`控制插槽是否显示，所以会导致`Slider`、`Tabs`在未渲染时执行了相关生命周期。`Slider`、`Tabs`等组件的一些数据如`Slider`的宽度，`Tabs`的滑块位置等会在onMounted等生命周期进行获取，此时这些数据将会存在异常。

docs/guide/introduction.md

@@ -1,6 +1,6 @@
-#  介绍
+# 介绍
 
-`wot-design-uni`组件库基于`vue3`+`Typescript`构建，参照`wot design`的设计规范进行开发，提供70+高质量组件，支持暗黑模式、国际化和自定义主题，旨在给开发者提供统一的UI交互，同时提高研发的开发效率。
+`wot-design-uni`组件库基于`vue3`+`Typescript`构建，参照`wot design`的设计规范进行开发，提供 70+高质量组件，支持暗黑模式、国际化和自定义主题，旨在给开发者提供统一的 UI 交互，同时提高研发的开发效率。
 
 ## 快速上手
 
@@ -40,18 +40,26 @@
 - 🎨 支持修改 CSS 变量实现主题定制.
 - 🍭 支持暗黑模式
 
-
 ## 链接
 
-* [更新日志](/guide/changelog)
-* [常见问题](/guide/common-problems)
-* [Discussions 讨论区](https://github.com/Moonofweisheng/wot-design-uni/discussions)
-* [QQ 群](/guide/join-group.html)
+- [更新日志](/guide/changelog)
+- [常见问题](/guide/common-problems)
+- [Discussions 讨论区](https://github.com/Moonofweisheng/wot-design-uni/discussions)
+- [QQ 群](/guide/join-group.html)
 
 ## 优秀案例
 
 我们非常欢迎大家一起贡献优秀的 Demo 与案例，欢迎在此 [issue](https://github.com/Moonofweisheng/wot-design-uni/issues/16) 提交案例。
 
+  <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>
 
 ## 赞助我们
 
@@ -65,41 +73,29 @@
 | ----------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- |
 | [awesome-uni-app](https://github.com/uni-helper/awesome-uni-app)                                            | 多端统一开发框架 uni-app 优秀开发资源汇总            |
 | [create-uni](https://github.com/uni-helper/create-uni)                                                      | 快速创建 uni-app 项目                                |
+| [wot-demo](https://github.com/Moonofweisheng/wot-demo)                  | 基于 [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) 的wot-design-uni快速起手demo     |
 | [wot-starter-retail](https://github.com/Moonofweisheng/wot-starter-retail)                                  | 基于 wot-design-uni 的 uni-app 零售行业模板          |
 | [Wot Design Uni Snippets](https://marketplace.visualstudio.com/items?itemName=kiko.wot-design-uni-snippets) | Wot Design Uni 代码块提示                            |
 | [uni-mini-ci](https://github.com/Moonofweisheng/uni-mini-ci)                                                | 一个 uni-app 小程序端构建后支持 CI（持续集成）的插件 |
 | [uni-mini-router](https://github.com/Moonofweisheng/uni-mini-router)                                        | 一个基于 vue3 和 Typescript 的轻量级 uni-app 路由库  |
 | [unibest](https://github.com/codercup/unibest)                                                              | 基于 wot-design-uni 的 uni-app 模板                  |
 | [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 原有能力的根组件插件                  |
+| [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 能够站在巨人的肩膀上。
 - [uni-helper](https://github.com/uni-helper) - 感谢 uni-helper 团队提供的 uni-app 工具库，让 wot-design-uni 能够更方便地使用。
 - [捐赠者](https://wot-design-uni.cn/reward/donor.html) - 感谢所有捐赠者，是你们的捐赠让 wot-design-uni 能够更好地发展。
 
-
-  
 ## 开源协议
 
 本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89) 协议，请自由地享受和参与开源。
 
-<script>
+<script setup>
 import WxQrcode from '/wx.jpg'
 import AlipayQrcode from '/alipay.png'
 import H5Qrcode from '/h5.png'
 import AndroidQrcode from '/android.png'
-
-
-export default {
-  data () {
-    return {
-      WxQrcode,
-      AlipayQrcode,
-      H5Qrcode,
-      AndroidQrcode
-    }
-  }
-}
-</script>
+import salaryCalculator from '/salary-calculator.jpg'
+</script>

docs/index.md

@@ -13,7 +13,7 @@ hero:
     alt: Wot Design
   actions:
     - theme: brand
-      text: 起步
+      text: 起步 🚀
       link: /guide/introduction
     - theme: alt
       text: 常见问题

docs/reward/living.md

@@ -8,7 +8,7 @@
 
   <el-card style="max-width: 250px" shadow="hover">
     <template #header>
-    <span style=" font-size:18px;font-wight:500">🪙 薪资速算器</span>
+    <span style=" font-size:18px;font-wight:500">薪资速算器</span>
     </template>
     <el-image
       :src="salaryCalculator"

src/uni_modules/wot-design-uni/readme.md

@@ -94,6 +94,7 @@
 | ----------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- |
 | [awesome-uni-app](https://github.com/uni-helper/awesome-uni-app)                                            | 多端统一开发框架 uni-app 优秀开发资源汇总            |
 | [create-uni](https://github.com/uni-helper/create-uni)                                                      | 快速创建 uni-app 项目                                |
+| [wot-demo](https://github.com/Moonofweisheng/wot-demo)                  | 基于 [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) 的wot-design-uni快速起手demo     |
 | [wot-starter-retail](https://github.com/Moonofweisheng/wot-starter-retail)                                  | 基于 wot-design-uni 的 uni-app 零售行业模板          |
 | [Wot Design Uni Snippets](https://marketplace.visualstudio.com/items?itemName=kiko.wot-design-uni-snippets) | Wot Design Uni 代码块提示                            |
 | [uni-mini-ci](https://github.com/Moonofweisheng/uni-mini-ci)                                                | 一个 uni-app 小程序端构建后支持 CI（持续集成）的插件 |