一、简介

  • 基于 vue3.x 可视化拖拽编辑，页面生成工具。提升前端开发效率，可集成至移动端项目作为通过定义 JSON 直接生成 UI 界面
  • 项目采用了 Apache 2.0 license协议
    1. 允许自由使用：你可以自由地使用受该许可证约束的软件，用于各种目的，包括商业应用。
    2. 源代码可用性：通常要求在分发衍生作品时，提供相应的源代码。这有助于确保软件的透明度和可修改性。
    3. 专利授权：明确了许可证授予者对软件所包含的专利的授权，减少了使用者因专利问题而面临的风险。
    4. 兼容性：与许多其他开源许可证具有较好的兼容性，这使得在不同的开源项目之间进行集成和组合更加容易

二、项目界面展示

步骤1

步骤2

步骤3

步骤4

步骤5

步骤6

三、 使用说明

componentProperties（组件数据）字段注解

{
  component: 'custommodule',    // 中间部分手机组件的name
  text: '自定义模块',            // 组件文字描述
  type: '1-14',                 // data-tpye
  active: true,                 // 是否选中
  style: 'custommodulestyle',   // 右边组件设置的name
  setStyle: {}                  // 组件动态数据
}
自定义组件可以看
src / layout / home / index.vue                 // 编辑页面文件
src / components / sliderassembly / index.vue   // 左侧组件大全文件
src / components / componentscom                // 左侧组件目录
src / components / rightslider                  // 右侧组件目录
src / utils / componentProperties.js            // 组件数据

四、源码地址

AS-Editor Vue2版-源码下载
AS-Editor Vue3版-源码下载
AS-Editor-H5-源码下载