爱意满满的作品展示区。
594mantou

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

  •  1
     
  •   594mantou ·
    mantou132 · May 5, 2021 · 2261 views
    This topic created in 1832 days ago, the information mentioned may be changed or developed.

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

    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 replies    2021-05-10 21:13:13 +08:00
    shisang
        1
    shisang  
       May 7, 2021
    点赞老哥
    FlexGap
        2
    FlexGap  
       May 8, 2021
    老哥很厉害,但是 README 里应该是 DEMO,不是 Dome 。
    594mantou
        3
    594mantou  
    OP
       May 9, 2021
    @FlexGap 谢谢提醒,README 我都改了好多版了竟然没发现
    594mantou
        4
    594mantou  
    OP
       May 10, 2021
    做了一些改进,在 React/Vue 的集成( Panel 内容支持 HTMLElement )、异步加载、操作体验上进行了改进。

    这里有两个例子:
    https://gem-panel-example-style.vercel.app/
    https://gem-panel-example-bridge.vercel.app/
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4489 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 05:30 · PVG 13:30 · LAX 22:30 · JFK 01:30
    ♥ Do have faith in what you're doing.