V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
594mantou
V2EX  ›  分享创造

<gem-panel> 快速创建用户可自由排版的界面

  •  1
     
  •   594mantou ·
    mantou132 · 2021-05-05 14:36:54 +08:00 · 1445 次点击
    这是一个创建于 1304 天前的主题,其中的信息可能已经有所发展或是发生改变。

    用来快速创建像一些音视频、建模软件那样的界面,用户可以拖动来进行自定义排版,然后缓存。

    https://github.com/mantou132/gem-panel

    demo: https://gem-panel.vercel.app/

    由于是自定义元素,所以你可以在任何地方使用它,但是你可能要使用自定义元素,比如用下面方式创建 panel,如果你使用 React/Vue,你需要想办法把 React/Vue 组件挂载到自定义元素内。

    const panel = new Panel('title', '<my-panel></my-panel>');
    
    4 条回复    2021-05-10 21:13:13 +08:00
    shisang
        1
    shisang  
       2021-05-07 11:03:05 +08:00
    点赞老哥
    FlexGap
        2
    FlexGap  
       2021-05-08 17:58:31 +08:00
    老哥很厉害,但是 README 里应该是 DEMO,不是 Dome 。
    594mantou
        3
    594mantou  
    OP
       2021-05-09 00:23:48 +08:00
    @FlexGap 谢谢提醒,README 我都改了好多版了竟然没发现
    594mantou
        4
    594mantou  
    OP
       2021-05-10 21:13:13 +08:00
    做了一些改进,在 React/Vue 的集成( Panel 内容支持 HTMLElement )、异步加载、操作体验上进行了改进。

    这里有两个例子:
    https://gem-panel-example-style.vercel.app/
    https://gem-panel-example-bridge.vercel.app/
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1011 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 19:38 · PVG 03:38 · LAX 11:38 · JFK 14:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.