lvxin-custom-template

履信思源定制化可拖拽H5模板

# install dependencies
npm i lvxin-custom-template

import CustomTemplate from  'lvxin-custom-template';

依赖

• element-ui ^2.15.6
• js-base64 ^3.7.2
• vue ^2.5.11
• vuedraggable ^2.24.3

属性配置

required

• 是否需要必填项，比如：重量，
• 类型：Booleam
• 默认值： false

type

• 需要显示的模板类型， 1：拖拽模板编辑界面 2：预览页面
• 类型：Number
• 默认值： 1

uploadConfig

• 图片上传的基本配置
• 类型：Object
• 默认值：[]
• action 字符串 图片上传地址
• headers Obket header配置项，进行token验证 { "blade-auth": "bearer " + getToken() }

templateArr

• 模板需要显示元素的json数组，编辑、预览时的展示数据
• 类型：Array
• 默认值： []

details

• 模板的基本信息
• 类型：Object
• 默认值：{}
  • ruleId 好评返现的ID
  • ruleName 好评返现的名称
  • rule 好评返现的规则，富文本编辑器生成的html代码
  • ruleOn 是否开启好评返现

videoObj

• 视频展示的基本信息，列表、分页、当前页
• 类型：Object
• 默认值：{}
  1. videoName 视频名称
  2. videoData 视频列表
  3. currentPage 当前页码
  4. pageSize 每页条数
  5. total 总条数

handleVideo

• 操作视频进行切换分页的方法
• 类型：Function
• 返回 videoObj对象

save

• 保存方法
• 类型：Function
• 传参：from_data 对象
  1. id：当前模板所属的ID
  2. templateHtml：当前模块的html代码块，使用Base64进行转义
  3. templateJson：需要保存的模板的元素数组