View (视图)
支持平台
| 安卓 | ios | 鸿蒙 | web | 微信小程序 |
|---|---|---|---|---|
| √ | √ | √ | √ | √ |
示例代码
html
<t-view></t-view>属性
| 名称 | 类型 | 默认值 | 说明 | 可选值 |
|---|---|---|---|---|
| size | String | mini | 组件尺寸 | large(大尺寸), medium(中尺寸), small(小尺寸), mini(迷你) |
| type | String | "" | 组件类型 | info(信息), primary(正常), error(错误), warning(警告), success(成功) |
| disabled | Boolean | false | 组件是否禁用 | false, true |
| stop | Boolean | false | 是否阻止事件冒泡（Tui统一写法处理事件冒泡） | false, true |
| hover | Boolean | true | 是否有点击效果 | false, true |
| path | String | "" | 点击组件后跳转的页面路径，如果为空则响应点击事件，如果不为空则跳转页面不会响应单击事件。 | - |
| mainClass | String | "" | 组件根节点的样式 | - |
| nativeClass | String | "" | 组件根节点原生样式 | - |
| effect | String | "normal" | 组件显示主题 | normal(正常), dark(深色), light(浅色), plain(镂空) |
| touchStop | Boolean | false | 是否阻止手势事件冒泡 |
事件
| 名称 | 返回参数 | 说明 |
|---|---|---|
| transitionend | - | 动画结束时触发 |
| click | (e : UniPointerEvent) | - |
| initFinished | (e:NodeInfo)=>void | 组件初始化完成触发 返回组件的节点信息 |
方法
| 名称 | 参数 | 返回值 | 说明 |
|---|---|---|---|
| getInfo | (e:NodeInfo) | - | 获取组件的节点信息 |
插槽
| 名称 | 返回值 | 说明 |
|---|---|---|
| default | - |