acss-dnd

acss-dnd(atomic css drag and drop) 是一款基于 atomic css 特性，开发的 web 拖拽式网页编辑器。

🐶 特点

- 操作简单，只需要拖拽和选择
- 组件丰富，基础组件和业务组件
- css 类规范，基于 daisyui 的 class 类，不需要 ui 基础，也能创建出漂亮的页面
- 多种主题随意切换
- 响应式，生成的页面自动适配多端设备
- 导出代码的代码易读、符合 html 规范、tree 结构

🐱 在线体验

- Github
- Gitee

🐭 安装

``sh
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
...
``

🐰 基础库

- vue3
- vite
- tailwind
- daisy ui

🦊 近期计划

Github Project: https://github.com/cu-yang/acss-dnd/projects/1