cloud-ui.vusion
Version:
Vusion Cloud UI
92 lines (91 loc) • 2.96 kB
YAML
- name: u-gallery
title: 画廊
icon: gallery
labels:
- Display
description: 画廊
attrs:
- name: data-source
title: 数据源
type: Array<Item> | Function | object
default: '[{"url":
"https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_1.png"},{"url":
"https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_2.png"},{"url":
"https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_3.png"},{"url":
"https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_4.png"},{"url":
"https://static-vusion.nos-eastchina1.126.net/h5-template/gallery/1_5.png"}]'
description: 展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑
group: 数据属性
brifeDoc: ""
docDescription: 组件所展示数据的输入源，可以是逻辑、变量。格式可参见示例
tooltipLink: ""
- name: data-schema
title: 数据类型
type: schema
description: 集合类型每一元素的数据类型
group: 数据属性
compType: dataTypeSelect
- name: pattern
title: 画廊模式
type: string
options:
- value: small
title: 缩略图模式
- value: big
title: 大图模式
default: big
description: 图片的显示模式，支持大图模式和缩略图模式。
group: 主要属性
brifeDoc: ""
docDescription: 图片的显示模式，支持大图模式和缩略图模式
tooltipLink: ""
- name: num
title: 显示图片数
type: number
default: 5
description: ""
group: 主要属性
brifeDoc: ""
docDescription: 同时展示的图片数量
tooltipLink: ""
- name: arrow
title: 显示左右箭头
type: boolean
default: true
description: ""
group: 主要属性
brifeDoc: ""
docDescription: 图片支持通过鼠标按住拖动或点击左右箭头的方式调整位置，关闭该选项后不显示左右箭头
tooltipLink: ""
slots: false
events:
- name: before-load
title: 加载前
description: 加载前触发
advanced: true
params:
- name: $event
type: object
description: 自定义事件对象
schema:
$ref: "#/systemTypes/EventTarget"
- name: $event.preventDefault
type: Function
description: 阻止加载流程
- name: senderVM
type: UTableView
description: 发送事件实例
- name: load
title: 加载后
description: 加载后触发
params:
- name: $event
type: "null"
description: 无
- name: senderVM
type: UTableView
description: 发送事件实例
methods:
- name: reload
description: 重新加载数据
params: []