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

2021-09-27 20:52:11 +08:00
 leonkfd

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

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

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

欢迎指点,留言,Star 。

2726 次点击
所在节点    Vue.js
20 条回复
Pipecraft
2021-09-27 23:28:19 +08:00
很好用,已 Star
uCharles
2021-09-28 09:00:13 +08:00
和我之前用过的星愿浏览器的首页有一点点的类似,不过它没有你这个好
a4854857
2021-09-28 09:26:07 +08:00
性能似乎有点问题.编辑组件风扇起飞..平常也会掉帧..15 年 MacBookpro
leonkfd
2021-09-28 10:14:24 +08:00
@a4854857 可能是我自己写的那个 animation-dialog 有点性能问题,加了动画就会卡。也有可能是那个 Vue-grid-layout 组件,这个的 vue3 版本是 beta 的
jomsou
2021-09-28 11:08:05 +08:00
感觉还不错,已 star
aasdkl
2021-09-28 12:11:59 +08:00
最近刚好也想做一个类似的 Dashboard 来练手,star 了学习一下
Kaciras
2021-09-28 12:28:30 +08:00
搜索字符串都没转义,搜不了 C# 这样带符号的。
leonkfd
2021-09-28 12:38:57 +08:00
@Kaciras 确实,感谢反馈
MX123
2021-09-28 13:33:23 +08:00
没有 Google,差评
thetbw
2021-09-28 13:44:04 +08:00
可以搞个扩展,省的每次都去请求网络
leonkfd
2021-09-28 13:59:42 +08:00
@MX123 搜索栏可以自己添加搜索引擎的
leonkfd
2021-09-28 14:00:34 +08:00
@thetbw https://github.com/leon-kfd/Dashboard#chrome-extension-mode 已经实现了 chrome 插件,不过没发布到商店,要自己解压以开发者模式运行
hahiru
2021-09-28 14:45:36 +08:00
感觉有点意思,但是很卡,真的很卡。i5-8250u 带不动的感觉。
simple233
2021-09-28 15:08:27 +08:00
挺好的,但是在 13 寸的屏幕上会有滚动条,而且下方快捷栏有点大。
leonkfd
2021-09-28 15:21:33 +08:00
@hahiru 性能应该还能优化,我自己电脑还好,准备加个全局配置把弹窗动画和背景虚化弄成可配置吧。那个拖拽组件更换顺序是第三方的组件,还在 beta,难搞。
leonkfd
2021-09-28 15:22:26 +08:00
@simple233 理论应该不会吧,是响应式设计的,组件可以拖拽更改宽高。除非是组件里面的内容溢出了。
rodrick
2021-09-28 16:34:42 +08:00
同滚动条 有点难受 另外给个建议 右下角的各个弹出来的 modal 那个动画 可以简洁一点 左右弹两下怪怪的 和关闭的动画差不多我觉得就可以了
leonkfd
2021-09-28 17:44:42 +08:00
@rodrick 滚动条的问题应该是我的默认主题都是按照了 2K 屏幕弄出来的,其实可以自己拖拽把组件大小改小一点就能隐藏。如果实在多人反馈这个,后面可以以 1366*768 来生成默认主题吧。至于弹窗动画,当前是 FlipInX, 后面可以支持可配置。
darknoll
2021-09-28 21:24:36 +08:00
electron 是需要全局安装?
leonkfd
2021-09-29 09:00:56 +08:00
@darknoll 都行,可以直接在项目里面装,之前因为这个打包 Eletron 很少用,就从 package.json 去除了。装完执行 npm run build:electron 就行

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/804719

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX