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

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

  •  
  •   leonkfd · 71 天前 · 1644 次点击
    这是一个创建于 71 天前的主题,其中的信息可能已经有所发展或是发生改变。

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