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

2021-05-05 14:36:54 +08:00
 594mantou

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

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>');
1243 次点击
所在节点    分享创造
4 条回复
shisang
2021-05-07 11:03:05 +08:00
点赞老哥
FlexGap
2021-05-08 17:58:31 +08:00
老哥很厉害,但是 README 里应该是 DEMO,不是 Dome 。
594mantou
2021-05-09 00:23:48 +08:00
@FlexGap 谢谢提醒,README 我都改了好多版了竟然没发现
594mantou
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/

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/774972

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX