简介
多视图容器： 网格布局模式下，某个区块需要根据数据展示不同的区块内容时，可以使用该组件。
配置项
分类 | 配置 | 示例 | 说明 |
分类 | 配置 | 示例 | 说明 |
内容 | 视图配置 |
| 根据需要添加多个视图，每个视图包括 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 |
| 清除组件当前视图数据 |
事件回调
配置 | 说明 |
配置 | 说明 |
| 点击组件后触发的事件 |
| 鼠标移入组件后触发的事件 |
| 鼠标移出组件后触发的事件 |
- 本页导读
- 简介
- 配置项
- 属性与方法
- 事件回调
