rtvue-lowcode
rtvue-lowcode是一款基于uniapp框架和uview组件库开发的app可视化拖拽项目,采用MIT开源协议,适用于app、小程序等项目开发,真正意义上做到了开箱即用!
希望大家能给我们个小小的star,每个star对我们来说都很珍贵,希望能激励我们团队将项目认认真真地做完。
动画演示:
基本拖拽
常用模板
图表
GitHub地址:https://github.com/GodofOrange/rtvue-lowcode
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Y4un8pkL-1629964908151)(./docsimgs/chart.gif)]
目前项目正在开发中,完整版本还未发布。项目预览地址 Project Preview Address
项目运行安装
克隆后直接安装即可
yarn install && yarn serve
自定义组件开发步骤
准备自定义组件开发之前,需要将rtvue-lowcode项目克隆到本地。
组件开发分为3个步骤:
- 定义组件
- 可拖拽组件
- 配置组件
定义组件
创建组件文件
首先在src/components 目录下定义组件,目录名和文件要严格保持一致,目录命名格式为r-组件名称
,文件命名格式为r-组件名称.vue
。
例如:文件目录名为r-form-input
则文件名为:r-form-input.vue
混入组件代码
创建组件后,需要将rvuecomp
混入到组件内部这里。代码举例如下:r-form-input
所示
<script>
import {
rvuecomp} from