基于uniapp uview快熟搬砖神器

rtvue-lowcode是一款基于uniapp和uview的可视化拖拽项目,适用于app和小程序开发。文章介绍了如何进行基本拖拽、自定义组件开发,包括定义组件、可拖拽组件和配置组件的步骤。项目在GitHub上开源,并提供预览地址,鼓励读者参与和贡献。
摘要由CSDN通过智能技术生成

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个步骤:

  1. 定义组件
  2. 可拖拽组件
  3. 配置组件

定义组件

创建组件文件

首先在src/components 目录下定义组件,目录名和文件要严格保持一致,目录命名格式为r-组件名称,文件命名格式为r-组件名称.vue
例如:文件目录名为r-form-input
则文件名为:r-form-input.vue

混入组件代码

创建组件后,需要将rvuecomp混入到组件内部这里。代码举例如下:r-form-input所示

<script>
    import {
     rvuecomp} from
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值