@@ -30,10 +30,11 @@ widgets
30
30
│ ├── components // 常用Vue组件
31
31
│ ├── views //
32
32
│ ├── widgets // 桌面组件文件
33
- │ │ └── countdown // 每个桌面组件一个文件夹
34
- │ │ ├── XXWidget.vue // 桌面小组件
35
- │ │ └── XXConfig.vue // 小组件配置页面
36
- │ │ └── XXView.vue // 小组件页面
33
+ │ │ ├── countdown // 每个桌面组件一个文件夹
34
+ │ │ │ ├── XXWidget.vue // 桌面小组件
35
+ │ │ │ ├── XXConfig.vue // 小组件配置页面
36
+ │ │ │ └── XXView.vue // 小组件页面
37
+ │ │ └── ...
37
38
│ └── index.ts
38
39
├── .gitignore
39
40
├── package.json
@@ -44,6 +45,7 @@ widgets
44
45
### 运行项目
45
46
46
47
#### 1.下载并运行桌面组件客户端
48
+
47
49
1 . https://www.microsoft.com/store/productId/9NPR50GQ7T53
48
50
2 . https://haihaihai.vip
49
51
@@ -54,35 +56,40 @@ widgets
54
56
git clone https://github.com/widget-js/hotspot.git
55
57
56
58
```
59
+
57
60
#### 3.到项目目录下载依赖
61
+
58
62
``` shell
59
63
pnpm install
60
64
```
65
+
61
66
#### 4.运行
67
+
62
68
``` shell
63
69
pnpm serve
64
70
```
65
71
66
72
### 创建自己的组件
67
73
68
74
``` shell
69
- pnpm widget create
75
+ // 安装组件脚手架
76
+ npm install -g @widget-js/cli
77
+ // 在项目根目录运行 创建组件命令
78
+ widget create
70
79
```
71
80
72
81
### 组件列表
73
82
74
- #### 键盘演示
83
+ #### 键盘演示(src/widgets/keystroke)
75
84
76
85
![ png] ( ./public/images/preview_keystroke.png )
77
86
78
-
79
87
#### 抖音热榜
80
88
81
89
![ png] ( https://raw.githubusercontent.com/widget-js/hotspot/master/public/images/preview_douyin.png )
82
90
83
91
见热点组件包:https://github.com/widget-js/hotspot
84
92
85
-
86
93
#### 喝水提醒
87
94
88
95
![ gif] ( public/images/preview_water_reminder.png )
@@ -91,14 +98,6 @@ pnpm widget create
91
98
- 组件路由:/widget/water_reminder
92
99
- 配置路由:/widget/config/water_reminder
93
100
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
-
102
101
#### 代办事项
103
102
104
103
![ image] ( public/images/preview_todo_list.png )
@@ -107,6 +106,18 @@ pnpm widget create
107
106
- 组件路由:/widget/todo-list
108
107
- 配置路由:/widget/config/todo-list
109
108
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
+
110
121
#### 倒计时
111
122
112
123
![ gif] ( public/images/preview_countdown.png )
@@ -146,7 +157,6 @@ pnpm widget create
146
157
- 代码路径:/widgets/time_progress
147
158
- 组件路由:/widget/time_progress
148
159
149
-
150
160
#### 知乎热榜
151
161
152
162
![ png] ( https://raw.githubusercontent.com/widget-js/hotspot/master/public/images/preview_zhihu.png )
@@ -165,10 +175,10 @@ pnpm widget create
165
175
166
176
见热点组件包:https://github.com/widget-js/hotspot
167
177
168
-
169
-
170
178
#### 歌词小说
179
+
171
180
![ 歌词小说] ( public/images/preview_lyric_book.png )
181
+
172
182
- 代码路径:/widgets/lyric_book
173
183
- 组件路由:/widget/lyric_book
174
184
0 commit comments