简介
多视图容器: 网格布局模式下,某个区块需要根据数据展示不同的区块内容时,可以使用该组件。

配置项
分类 | 配置 | 示例 | 说明 |
内容 | 视图配置 |
| 根据需要添加多个视图,每个视图包括 key(标识)、title(标题)、description(描述)、disabled(禁用)等配置信息 |
交互 | 隐藏 |
| 隐藏,详情参见通用属性 |
加载 |
| 显示加载动画 | |
样式 | 高度 |
| 高度,详情参加通用属性 |
内边距 |
| 内边距,详情参见通用属性 | |
外边距 |
| 外边距,详情参见通用属性 | |
CSS样式 | 溢出 |
| 溢出效果(overflow):包括 auto(滚动)、hidden(隐藏)、visible(显示) |
背景 |
| 背景(background) | |
背景图片 |
| 背景图片(background-image) | |
背景色 |
| 背景色(background-color) | |
阴影 |
| 阴影(box-shadow) | |
圆角 |
| 圆角(border-radius) | |
边框 |
| 边框(border) | |
上边框 |
| 上边框(border-top) | |
下边框 |
| 下边框(border-bottom) | |
左边框 |
| 左边框(border-left) | |
右边框 |
| 右边框(border-right) |
属性与方法
名称 | 类型 | 示例 | 说明 |
isHover | boolean |
| 鼠标是否在组件内部 |
loading | boolean |
| 组件是否正在加载(加载动画) |
mobiViews | array |
| 组件视图配置数据 |
mobiCurrentView | string |
| 组件当前视图数据 |
getMultipleViews | func |
| 获取组件视图数据 |
changeCurrentView | func |
| 改变组件当前视图 |
setLoading | func |
| 设置组件加载状态 |
setMobiCurrentView | func |
| 设置当前视图 |
clearLoading | func |
| 清除组件 loading 数据 |
clearMobiCurrentView | func |
| 清除组件当前视图数据 |
事件回调
配置 | 说明 |
| 点击组件后触发的事件 |
| 鼠标移入组件后触发的事件 |
| 鼠标移出组件后触发的事件 |



















