Skip to content

Commit 24dacdf

Browse files
committed
update README.md
1 parent 0364692 commit 24dacdf

File tree

4 files changed

+37
-26
lines changed

4 files changed

+37
-26
lines changed

README.md

+29-19
Original file line numberDiff line numberDiff line change
@@ -30,10 +30,11 @@ widgets
3030
│ ├── components // 常用Vue组件
3131
│ ├── views //
3232
│ ├── widgets // 桌面组件文件
33-
│ │ └── countdown // 每个桌面组件一个文件夹
34-
│ │ ├── XXWidget.vue // 桌面小组件
35-
│ │ └── XXConfig.vue // 小组件配置页面
36-
│ │ └── XXView.vue // 小组件页面
33+
│ │ ├── countdown // 每个桌面组件一个文件夹
34+
│ │ │ ├── XXWidget.vue // 桌面小组件
35+
│ │ │ ├── XXConfig.vue // 小组件配置页面
36+
│ │ │ └── XXView.vue // 小组件页面
37+
│ │ └── ...
3738
│ └── index.ts
3839
├── .gitignore
3940
├── package.json
@@ -44,6 +45,7 @@ widgets
4445
### 运行项目
4546

4647
#### 1.下载并运行桌面组件客户端
48+
4749
1. https://www.microsoft.com/store/productId/9NPR50GQ7T53
4850
2. https://haihaihai.vip
4951

@@ -54,35 +56,40 @@ widgets
5456
git clone https://github.com/widget-js/hotspot.git
5557

5658
```
59+
5760
#### 3.到项目目录下载依赖
61+
5862
```shell
5963
pnpm install
6064
```
65+
6166
#### 4.运行
67+
6268
```shell
6369
pnpm serve
6470
```
6571

6672
### 创建自己的组件
6773

6874
```shell
69-
pnpm widget create
75+
// 安装组件脚手架
76+
npm install -g @widget-js/cli
77+
// 在项目根目录运行 创建组件命令
78+
widget create
7079
```
7180

7281
### 组件列表
7382

74-
#### 键盘演示
83+
#### 键盘演示(src/widgets/keystroke)
7584

7685
![png](./public/images/preview_keystroke.png)
7786

78-
7987
#### 抖音热榜
8088

8189
![png](https://raw.githubusercontent.com/widget-js/hotspot/master/public/images/preview_douyin.png)
8290

8391
见热点组件包:https://github.com/widget-js/hotspot
8492

85-
8693
#### 喝水提醒
8794

8895
![gif](public/images/preview_water_reminder.png)
@@ -91,14 +98,6 @@ pnpm widget create
9198
- 组件路由:/widget/water_reminder
9299
- 配置路由:/widget/config/water_reminder
93100

94-
#### 生日列表
95-
96-
![gif](public/images/preview_birthday_list.png)
97-
98-
- 代码路径:/widgets/birthday_list
99-
- 组件路由:/widget/birthday_list
100-
- 配置路由:/widget/config/birthday_list
101-
102101
#### 代办事项
103102

104103
![image](public/images/preview_todo_list.png)
@@ -107,6 +106,18 @@ pnpm widget create
107106
- 组件路由:/widget/todo-list
108107
- 配置路由:/widget/config/todo-list
109108

109+
#### 轮播相册(src/widgets/photo)
110+
111+
![image](screenshot/photo.png)
112+
113+
#### 生日列表
114+
115+
![gif](public/images/preview_birthday_list.png)
116+
117+
- 代码路径:/widgets/birthday_list
118+
- 组件路由:/widget/birthday_list
119+
- 配置路由:/widget/config/birthday_list
120+
110121
#### 倒计时
111122

112123
![gif](public/images/preview_countdown.png)
@@ -146,7 +157,6 @@ pnpm widget create
146157
- 代码路径:/widgets/time_progress
147158
- 组件路由:/widget/time_progress
148159

149-
150160
#### 知乎热榜
151161

152162
![png](https://raw.githubusercontent.com/widget-js/hotspot/master/public/images/preview_zhihu.png)
@@ -165,10 +175,10 @@ pnpm widget create
165175

166176
见热点组件包:https://github.com/widget-js/hotspot
167177

168-
169-
170178
#### 歌词小说
179+
171180
![歌词小说](public/images/preview_lyric_book.png)
181+
172182
- 代码路径:/widgets/lyric_book
173183
- 组件路由:/widget/lyric_book
174184

components.d.ts

-1
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,6 @@ declare module '@vue/runtime-core' {
1616
ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
1717
ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
1818
ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
19-
ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
2019
ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
2120
ElDialog: typeof import('element-plus/es')['ElDialog']
2221
ElForm: typeof import('element-plus/es')['ElForm']

package.json

+8-6
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,9 @@
99
"serve": "vite",
1010
"build:vite": "vite build",
1111
"build": "vue-cli-service build",
12-
"preview": "vite preview"
12+
"preview": "vite preview",
13+
"remote": "widget dependencies -t remote",
14+
"local": "widget dependencies -t local"
1315
},
1416
"pnpm": {
1517
"peerDependencyRules": {
@@ -27,9 +29,9 @@
2729
"@vueuse/integrations": "^9.6.0",
2830
"@vueuse/motion": "2.0.0-beta.12",
2931
"@vueuse/router": "^9.9.0",
30-
"@widget-js/cli": "^1.1.1",
31-
"@widget-js/core": "^0.5.21",
32-
"@widget-js/vue3": "workspace:*",
32+
"@widget-js/cli": "^1.1.2",
33+
"@widget-js/core": "^0.6.3",
34+
"@widget-js/vue3": "^0.5.29",
3335
"animate.css": "^4.1.1",
3436
"axios": "^1.1.3",
3537
"color": "^4.2.3",
@@ -39,7 +41,7 @@
3941
"driver.js": "^0.9.8",
4042
"element-plus": "^2.2.26",
4143
"lodash": "^4.17.21",
42-
"lunar-typescript": "^1.2.27",
44+
"lunar-typescript": "^1.6.6",
4345
"lyric-resolver": "^0.1.6",
4446
"nanoid": "^4.0.2",
4547
"pinia": "^2.0.23",
@@ -85,4 +87,4 @@
8587
"webpack": "^5.74.0",
8688
"webpack-cli": "^4.10.0"
8789
}
88-
}
90+
}

screenshot/photo.png

107 KB
Loading

0 commit comments

Comments
 (0)