component.md 3.28 KB

公用组件

公共布局

  • 代码位置: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/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 小正图