leonkfd
V2EX  ›  Vue.js

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

  •  
  •   leonkfd · Sep 27, 2021 · 3924 views
    This topic created in 1871 days ago, the information mentioned may be changed or developed.

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

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

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

    欢迎指点,留言,Star 。

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