网站首页 > 互联网资讯 > 正文

后端工具：基于Vue，拖动一键生成UI界面，简洁美观已经开源。

yuneu 互联网资讯 2024-06-01 99 0

简介

基于vue可视化拖拽编辑，页面生成工具。通过定义，可以将前端开发效率集成到移动终端项目中。 JSON 直接生成 UI 界面。

安装教程

npm install （安装 node_modules 模块）
npm run serve （运行）
npm run build （打包）
npm update (用于更新包到基于规范范围的最新版本)

“

注意：在新版npm中，默认情况下，npm 当install遇到冲突时，PEerDependencies将失败。可以使用：npm install --legacy-peer-deps

使用教程

步骤1

步骤2

步骤3

步骤4

步骤5

步骤6

如果不符合系统提供的组件，也可以自定义组件

可以看到定制组件：

src/laYOUt/home/index.vue  // src/编辑页面文件components/sliderassembly / index.vue // src//左边组件大全文件components/componentscom // src//左边组件目录components/rightslider  // Src//右组件目录utils/componentPRoperties.js // 组件数据

componentProperties字段注释(组件数据)：

{  component: 'custommodule',    // 手机组件中间部分的name  text: '定制模块',            // 组件文本描述  type: '1-14',                 // data-tpye  active: true,                 // 是否选中  style: 'custommodulestyle',   // namee设置在右边组件。  setStyle: {}                  // 组件动态数据}