V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
leonkfd
V2EX  ›  Vue.js

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

  •  
  •   leonkfd · 2021-09-27 20:52:11 +08:00 · 2484 次点击
    这是一个创建于 913 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    欢迎指点,留言,Star 。

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