[通用]tab组件支持自定义标题背景
1. 版本说明
| IOS/Android支持版本 | jar包版本 | 插件版本 |
|---|---|---|
| 8.4及往后版本 | 2017.4.1及以上 | 新移动端Html5 V3.06 |
2. 问题描述
在原先的tab组件中,组件中的标题以及背景都采用了固定的样式,即白色背景和蓝色标题,这时不能修改这些背景色,就会变得非常不美观。

3. 示例
打开一个包含tab组件的表单,选中整个tab组件tabpane0,点击高级>样式>自定义,如下图所示:
弹出样式对话框,在框架中修改背景,在标题中修改标题的字体和颜色。
4. 支持的属性及效果
| 属性 | 是否支持 | 备注 |
|---|---|---|
| 框架样式 | 不支持 | |
| 渲染风格 | 不支持 | |
| 边框粗细 | 部分支持 | 可以设置边框为无,此时tab组件最外层无边框 可以设置边框,不管设置粗细大小,移动端统一显示一种粗细 |
| 边框颜色 | 支持 | 设置颜色后,tab组件外层及标题下方的边框颜色会相应改变 |
| 圆角 | 不支持 | |
| 主体背景 | 支持 | 支持主体设置颜色、图片、渐变色背景 |
| 透明度 | 不支持 | |
| 标题字号 | 支持 | 可以设置标题字号大小,但是标题区高度保持不变 |
| 标题字体 | 不支持 | 统一显示为系统字体 |
| 标题颜色 | 支持 | 设置标题颜色后,标题及下方的选中下划线会显示对应的颜色 未选中的tab文字颜色是设置的标题颜色+0.6的不透明度 |
| 标题倾斜 | 支持 | |
| 标题加粗 | 支持 | |
| 标题下划线 | 不支持 | |
| 标题背景 | 支持 | 支持设置标题区的背景为颜色或者渐变色 |
附件列表
主题: 移动端
标签:
已验证

