1
acss-dnd(atomic css drag and drop) 是一款基于 atomic css 特性，开发的 web 拖拽式...
source link: https://gitee.com/meetqy/acss-dnd
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
acss-dnd
acss-dnd(atomic css drag and drop) 是一款基于 atomic css 特性，开发的 web 拖拽式网页编辑器。
- 操作简单，只需要拖拽和选择
- 组件丰富，基础组件和业务组件
- css 类规范，基于 daisyui 的 class 类，不需要 ui 基础，也能创建出漂亮的页面
- 多种主题随意切换
- 响应式，生成的页面自动适配多端设备
- 导出代码的代码易读、符合 html 规范、tree 结构
🐱 在线体验
git clone https://github.com/cu-yang/acss-dnd.git yarn yarn dev
🐹 项目结构
- template # 存放模板配置
- views # 模块
- main # 编辑器外部的样式
- editor # 画布
- template # 模板预览 选中菜单，弹出对应的template
- menu-bar # 菜单
- side-bar # 属性操作
- file-a # 一个文件夹相当于一个分类
- file-b
...
🐰 基础库
🐼 提 Bug 或建议
- 打开链接 👉🏻 https://github.com/cu-yang/acss-dnd/issues/new/choose
- 选择对应模板
🦊 近期计划
Github Project: https://github.com/cu-yang/acss-dnd/projects/1
🐻 预览图
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK