写给小白的低代码教程(2)

1,195 阅读1分钟

1、为啥会有这一篇

  • 第一篇 有小伙伴说 不太容易理解,并且不是一个完整的流程, 所以第二篇来啦,第二篇一定让你看个爽😊 !

ps:我们首次 添加了 GIF 效果,感谢 支持,希望看的爽,工具下载地址(免费)

2、低代码简单说

  • 实现一些组件 可以直接拖动使用,并且可以在使用时添加 样式/ 内容/事件

3、走! 实现试试

1.拿到项目 
2.npm i 安装依赖 
3. npm run dev 跑起来 

4、效果展示

1、可拖动,此处可以将 左边的 东西 直接 向 右边

image.png

2、可编辑 大小和内容 都可编辑

image.png

3、可添加动画

Kapture 2022-09-27 at 17.50.21.gif

4、可添加事件

Kapture 2022-09-27 at 17.52.32.gif

5、可移动顺序/删除

Kapture 2022-09-27 at 18.11.21.gif

5、怎么做的?

  • 此处 一句话解释一下

在 vue 项目中 Home 组件 分为 顶部 + 左边 + 中间画布 + 右边, 这些部分都由单独的组件/事件控制

6、项目地址

  • 更多 内容 自行尝试 ~

  • 最后 如果拉的项目 无法 运行 , 关掉 eslint 即可