Vue3 实现自定义浏览器起始页

[leonkfd]

个性化的浏览器导航首页面板，支持自定义添加组件，可编辑组件各种属性。响应式设计，可自定义随机壁纸、动态壁纸、每日壁纸背景图，目前支持时钟、天气、搜索栏、TodoList 、键盘收藏夹、自定义快速切换搜索引擎等组件。（添加的组件在编辑模式下右键菜单进入设置、手机上则长按弹出菜单）

Demo: https://leon-kfd.github.io/Dashboard/

Github: https://github.com/leon-kfd/Dashboard/

欢迎指点，留言，Star 。

[Pipecraft]

很好用，已 Star

[uCharles]

和我之前用过的星愿浏览器的首页有一点点的类似，不过它没有你这个好

[a4854857]

性能似乎有点问题.编辑组件风扇起飞..平常也会掉帧..15 年 MacBookpro

[leonkfd]

@a4854857 可能是我自己写的那个 animation-dialog 有点性能问题，加了动画就会卡。也有可能是那个 Vue-grid-layout 组件，这个的 vue3 版本是 beta 的

[jomsou]

感觉还不错，已 star

[aasdkl]

最近刚好也想做一个类似的 Dashboard 来练手，star 了学习一下

[Kaciras]

搜索字符串都没转义，搜不了 C# 这样带符号的。

[leonkfd]

@Kaciras 确实，感谢反馈

[MX123]

没有 Google，差评

[thetbw]

可以搞个扩展，省的每次都去请求网络

[leonkfd]

@MX123 搜索栏可以自己添加搜索引擎的

[leonkfd]

@thetbw https://github.com/leon-kfd/Dashboard#chrome-extension-mode 已经实现了 chrome 插件，不过没发布到商店，要自己解压以开发者模式运行

[hahiru]

感觉有点意思，但是很卡，真的很卡。i5-8250u 带不动的感觉。

[simple233]

挺好的，但是在 13 寸的屏幕上会有滚动条，而且下方快捷栏有点大。

[leonkfd]

@hahiru 性能应该还能优化，我自己电脑还好，准备加个全局配置把弹窗动画和背景虚化弄成可配置吧。那个拖拽组件更换顺序是第三方的组件，还在 beta，难搞。

[leonkfd]

@simple233 理论应该不会吧，是响应式设计的，组件可以拖拽更改宽高。除非是组件里面的内容溢出了。

[rodrick]

同滚动条 有点难受 另外给个建议 右下角的各个弹出来的 modal 那个动画 可以简洁一点 左右弹两下怪怪的 和关闭的动画差不多我觉得就可以了

[leonkfd]

@rodrick 滚动条的问题应该是我的默认主题都是按照了 2K 屏幕弄出来的，其实可以自己拖拽把组件大小改小一点就能隐藏。如果实在多人反馈这个，后面可以以 1366*768 来生成默认主题吧。至于弹窗动画，当前是 FlipInX, 后面可以支持可配置。

[darknoll]

electron 是需要全局安装？

[leonkfd]

@darknoll 都行，可以直接在项目里面装，之前因为这个打包 Eletron 很少用，就从 package.json 去除了。装完执行 npm run build:electron 就行