公用组件

公共布局

• 代码位置：src/layout
• enter：入口文件
• header：头部
• menu：侧导航
• icon：侧导航菜单图标

分页

• 代码位置：src/components/Pagination
• Emit: pageChange(currentPage, pageSize, tagName)

• 组件属性：

  propName	propType	propAttr	propDesc	propDefault
  total	Number	required	内容总条数	0
  pageSizes	Number[] null	optional	每页显示个数选择器的选项设置	[10, 20, 50, 100]
  pageSize	Number	optional	当前每页内容条数	10
  currentPage	Number	optional	当前页码	1
  tagName	String	optional	标签

富文本

• 代码位置: src/components/Tinymce
• 官方文档: Tinymce
• Emit: update:modelValue(content)
• 表单重置清空内容: window.tinymce.get(Tinymce.props.id.default).setContent("")
• 开发须知: 为了提升页面资源加载速度，富文本相关js、css依赖部署在公司自有cdn上，如需开启新插件，须联系运维同事上传新插件相关的依赖文件。

• 组件属性:

  propName	propType	propAttr	propDesc	propDefault
  moduleName	String	optional	后台交互用的module值	test
  modelValue	String	required	默认内容
  readonly	Boolean	optional	是否禁用该组件	false 可用
  id	String	optional	初始化id
  height	Number	optional	编辑器高	404
  width	Number	optional	编辑器宽	600

单文件上传

• 代码位置：src/components/FileUpload
• Emit: success()

• 组件属性：

  propName	propType	propAttr	propDesc	propDefault
  url	String	required	上传地址
  method	String	required	请求方式

多图上传

• 代码位置：src/components/Photowall
• Emit: finish(images[], tagName)

• 组件属性：

  propName	propType	propAttr	propDesc	propDefault
  tagName	String	optional	标签
  maxSize	Number	optional	图片尺寸上限	1MB
  fileList	Array	optional	默认图片
  moduleName	String	optional	后台交互用的module值	test
  tip	String	optional	上传须知	最多可以上传9张图片，单张图片大小不可超过1MB
  formats	Array<String>	optional	图片格式	图片格式

单图上传

• 代码位置：src/components/Uploader
• Emit: imageChange(url, tagName)

• 组件属性：

  propName	propType	propAttr	propDesc	propDefault
  tagName	String	optional	标签
  maxSize	Number	optional	图片尺寸上限	1MB
  defaultUrl	String	optional	默认图片
  moduleName	String	optional	后台交互用的module值	test
  tip	String	optional	上传须知	支持16：9 的图片，建议最佳尺寸：750*422，大小不能超过500KB
  showType	String	optional	组件尺寸	图片布局
  formats	Array<String>	optional	图片格式	图片格式

图片格式

• image/jpeg
• image/gif
• image/png
• image/x-icon
• image/svg+xml
• image/webp

图片布局

• horizontal = default 横图
• vertical 竖图
• square 正图
• mini 小正图