Skip to content

Commit ef7c98b

Browse files
MoonofweishengMoonofweisheng
committed
docs: ✏️ 添加优秀案例页面
1 parent b1e1db3 commit ef7c98b

14 files changed

Lines changed: 108 additions & 123 deletions

File tree

‎.github/ISSUE_TEMPLATE/1-bug-report.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ body:
77
attributes:
88
value: |
99
在向我们提交 Bug 报告前，请优先使用以下方式尝试解决问题：
10-
- 在组件文档 [wot-design-uni](https://wot-design-uni.pages.dev/) 确认使用方法是否正确
10+
- 在组件文档 [wot-design-uni](https://wot-design-uni.cn/) 确认使用方法是否正确
1111
- 尝试在 [Issue](https://github.com/Moonofweisheng/wot-design-uni/issues) 列表中搜索相同问题
1212
- 如果不是反馈 Bug，请到 [Discussions 讨论区](https://github.com/Moonofweisheng/wot-design-uni/discussions) 发帖。
1313

‎README.md‎

Lines changed: 13 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -63,27 +63,29 @@
6363
扫描二维码访问演示，注意：因微信审核机制限制，当前的微信小程序示例可能不是最新版本，可以 clone 代码到本地预览。
6464

6565
<p style="display:flex;gap:24px">
66-
<img src="https://wot-design-uni.pages.dev/wx.jpg" width="200" height="200"/>
67-
<img src="https://wot-design-uni.pages.dev/alipay.png" width="200" height="200" />
68-
<img src="https://wot-design-uni.pages.dev/h5.png" width="200" height="200" />
69-
<img src="https://wot-design-uni.pages.dev/android.png" width="200" height="200" />
66+
<img src="https://wot-design-uni.cn/wx.jpg" width="200" height="200"/>
67+
<img src="https://wot-design-uni.cn/alipay.png" width="200" height="200" />
68+
<img src="https://wot-design-uni.cn/h5.png" width="200" height="200" />
69+
<img src="https://wot-design-uni.cn/android.png" width="200" height="200" />
7070

7171
</p>
7272

7373
## 快速上手
7474

75-
详细说明见 [快速上手](https://wot-design-uni.pages.dev/guide/quick-use.html)。
75+
详细说明见 [快速上手](https://wot-design-uni.cn/guide/quick-use.html)。
7676

7777
## 链接
7878

79-
- [常见问题](https://wot-design-uni.pages.dev/guide/common-problems.html)
80-
- [更新日志](https://wot-design-uni.pages.dev/guide/changelog.html)
79+
- [常见问题](https://wot-design-uni.cn/guide/common-problems.html)
80+
- [更新日志](https://wot-design-uni.cn/guide/changelog.html)
8181
- [Discussions 讨论区](https://github.com/Moonofweisheng/wot-design-uni/discussions)
82-
- [QQ 群](https://wot-design-uni.pages.dev/guide/join-group.html)
82+
- [QQ 群](https://wot-design-uni.cn/guide/join-group.html)
8383

8484
## 优秀案例
8585

86-
我们非常欢迎大家一起贡献优秀的 Demo 与案例，欢迎在此 [issue](https://github.com/Moonofweisheng/wot-design-uni/issues/16) 提交案例。
86+
[这里](https://wot-design-uni.cn/guide/cases.html)我们收集了一些优秀的案例，欢迎大家体验！
87+
88+
我们也非常欢迎大家一起贡献优秀的 Demo 与案例，欢迎在此 [issue](https://github.com/Moonofweisheng/wot-design-uni/issues/16) 提交案例。
8789

8890
## 周边生态
8991

@@ -130,8 +132,8 @@
130132
### 扫码捐赠
131133

132134
<p>
133-
<img src="https://wot-design-uni.pages.dev/weixinQrcode.jpg" width="200" height="200" style="margin-right:30px"/>
134-
<img src="https://wot-design-uni.pages.dev/alipayQrcode.jpg" width="200" height="200" />
135+
<img src="https://wot-design-uni.cn/weixinQrcode.jpg" width="200" height="200" style="margin-right:30px"/>
136+
<img src="https://wot-design-uni.cn/alipayQrcode.jpg" width="200" height="200" />
135137
</p>
136138

137139
## 鸣谢

‎docs/.vitepress/config.mts‎

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
/*
22
* @Author: weisheng
33
* @Date: 2023-07-27 10:26:09
4-
* @LastEditTime: 2025-02-23 15:56:46
4+
* @LastEditTime: 2025-02-27 12:47:41
55
* @LastEditors: weisheng
66
* @Description:
7-
* @FilePath: /wot-design-uni/docs/.vitepress/config.mts
7+
* @FilePath: \wot-design-uni\docs\.vitepress\config.mts
88
* 记得注释
99
*/
1010
import { defineConfig } from 'vitepress';
@@ -122,6 +122,9 @@ export default defineConfig({
122122
}, {
123123
text: '更新日志',
124124
link: '/guide/changelog',
125+
},{
126+
text: '⭐ 案例',
127+
link: '/guide/cases',
125128
},{
126129
text: '加群沟通',
127130
link: '/guide/join-group',
@@ -186,6 +189,9 @@ export default defineConfig({
186189
{
187190
text: '更新日志',
188191
link: '/guide/changelog',
192+
},{
193+
text: '⭐ 案例',
194+
link: '/guide/cases',
189195
},{
190196
text: '加群沟通',
191197
link: '/guide/join-group',
@@ -199,11 +205,7 @@ export default defineConfig({
199205
{
200206
text: '榜上有名',
201207
link: '/reward/donor',
202-
},
203-
{
204-
text: '🤖 生活小工具',
205-
link: '/reward/living',
206-
},
208+
}
207209
],
208210

209211
'/component/': [

‎docs/guide/cases.md‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
# 案例
2+
3+
我们非常欢迎大家一起贡献优秀的 Demo 与案例，欢迎在此 [issue](https://github.com/Moonofweisheng/wot-design-uni/issues/16) 提交案例。
4+
5+
Wot UI 已被很多公司和团队在生产环境使用，下面是一些优秀的案例：
6+
7+
<div class="cases-container">
8+
<el-card shadow="hover">
9+
<template #header>
10+
<span class="case-title">调剂宝</span>
11+
</template>
12+
<el-image src="/cases/tiaojibao.jpg" />
13+
</el-card>
14+
<el-card shadow="hover">
15+
<template #header>
16+
<span class="case-title">BodyLang体态评估</span>
17+
</template>
18+
<el-image src="/cases/BodyLang.png" />
19+
</el-card>
20+
<el-card shadow="hover">
21+
<template #header>
22+
<span class="case-title">尘才咨询</span>
23+
</template>
24+
<el-image src="/cases/chencaizixun.png" />
25+
</el-card>
26+
<el-card shadow="hover">
27+
<template #header>
28+
<span class="case-title">日常计数器</span>
29+
</template>
30+
<el-image src="/cases/richangjishuqi.jpg" />
31+
</el-card>
32+
<el-card shadow="hover">
33+
<template #header>
34+
<span class="case-title">蜗趣记账</span>
35+
</template>
36+
<el-image src="/cases/woqujizhang.jpg" />
37+
</el-card>
38+
<el-card shadow="hover">
39+
<template #header>
40+
<span class="case-title">薪资速算器</span>
41+
</template>
42+
<el-image src="/cases/salary-calculator.jpg" />
43+
</el-card>
44+
</div>
45+
46+
<style scoped>
47+
.cases-container {
48+
display: grid;
49+
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
50+
gap: 20px;
51+
margin: 20px 0;
52+
}
53+
54+
.case-title {
55+
font-size: 18px;
56+
font-weight: 500;
57+
}
58+
59+
:deep(.el-card__body .el-image) {
60+
width: 100%;
61+
border-radius: 4px;
62+
}
63+
</style>
64+
65+
<script setup>
66+
</script>

‎docs/guide/introduction.md‎

Lines changed: 3 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -45,29 +45,17 @@
4545
- [更新日志](/guide/changelog)
4646
- [常见问题](/guide/common-problems)
4747
- [Discussions 讨论区](https://github.com/Moonofweisheng/wot-design-uni/discussions)
48-
- [QQ 群](/guide/join-group.html)
48+
- [互助交流群](/guide/join-group.html)
49+
- [优秀案例](/guide/cases)
4950

50-
## 优秀案例
51-
52-
我们非常欢迎大家一起贡献优秀的 Demo 与案例，欢迎在此 [issue](https://github.com/Moonofweisheng/wot-design-uni/issues/16) 提交案例。
53-
54-
<el-card style="max-width: 250px" shadow="hover">
55-
<template #header>
56-
<span style=" font-size:18px;font-wight:500">薪资速算器</span>
57-
</template>
58-
<el-image
59-
:src="salaryCalculator"
60-
style="width: 100%"
61-
/>
62-
</el-card>
6351

6452
## 赞助我们
6553

6654
如果您认为 Wot Design Uni 帮助到了您的开发工作，您可以选择[赞助](/reward/reward.html)我们，赞助无门槛，哪怕是一杯柠檬水也好。
6755

6856
捐赠后您的昵称、留言等将会展示在[捐赠榜单](/reward/donor.html)中。
6957

70-
## 周边生态
58+
## 生态推荐
7159

7260
| 项目 | 描述 |
7361
| ----------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- |
@@ -97,5 +85,4 @@ import WxQrcode from '/wx.jpg'
9785
import AlipayQrcode from '/alipay.png'
9886
import H5Qrcode from '/h5.png'
9987
import AndroidQrcode from '/android.png'
100-
import salaryCalculator from '/salary-calculator.jpg'
10188
</script>

‎docs/index.md‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,10 +24,9 @@ hero:
2424
- theme: brand
2525
text: 🥤一杯咖啡
2626
link: /reward/reward
27-
- theme: brand
28-
text: 🤖 生活小工具
29-
link: /reward/living
30-
27+
- theme: alt
28+
text: ⭐ 优秀案例
29+
link: /guide/cases
3130

3231
features:
3332
- icon: 🎯

‎docs/public/cases/BodyLang.png‎

89.8 KB
Loading

‎docs/public/cases/chencaizixun.png‎

96.1 KB
Loading

‎docs/public/cases/richangjishuqi.jpg‎

43.9 KB
Loading

docs/public/salary-calculator.jpg renamed to docs/public/cases/salary-calculator.jpg

File renamed without changes.

0 commit comments

Comments
 (0)