就在昨天，我们发布了H5插件的V3.06版本，在这次的更新中，为使用移动端tab组件的番薯（客户）们带来更好的设计体验
tab组件可以自己定义背景以及标题了！{:8_198:}
在原先第一版的tab组件中，组件中的标题以及背景都采用了固定的样式
但是在不同的报表主背景效果中，固定的白色背景和蓝色标题会带来一些小麻烦
比如这样：
使用最新H5插件对tab组件样式进行之后，就可以避免这种问题啦！
效果请看下图：
需要了解tab组件的使用场景请戳：
巧用tab组件，APP的布局效果我们也能做
两种方案助你解救移动端复杂报表
下面介绍一下移动端都有哪些tab组件的背景与标题相关的内容可以被自定义吧（具体设计的时候只需要关注加粗的部分）：
1、设计器上选中整个tab组件tabpane，在组件样式属性中可以给tab组件设置标题和背景等样式
2、支持的属性及效果如下：
2.1 框架样式：不支持
2.2 渲染风格：不支持
2.3 边框粗细：部分支持
可以设置边框为无，此时tab组件最外层无边框；
可以设置边框，不管设置粗细大小，移动端统一显示一种粗细。
2.4 边框颜色：支持
设置颜色后，tab组件外层及标题下方的边框颜色会相应改变
2.5 圆角：不支持
2.6 主体背景：支持
支持主体设置颜色、图片、渐变色背景
2.7 透明度：不支持
2.8 标题字号：支持
可以设置标题字号大小，但是标题区高度保持不变，如果字号过大，则可能出现显示不全
2.9 标题字体：不支持
统一显示为系统字体
2.10 标题颜色：支持
设置标题颜色后，标题及下方的选中下划线会显示对应的颜色
未选中的tab文字颜色是设置的标题颜色＋0.6的不透明度
2.11 标题倾斜：支持
2.12 标题加粗：支持
2.13 标题下划线：不支持
2.14 标题背景： 支持
支持设置标题区的背景为颜色或者渐变色
版本以及插件要求：
jar版本:2017年4月1日以上
APP版本：8.4及以上
插件版本：3.0及6以上
往期移动端干货回顾：
【专题汇总】移动端解决方案
如果您对tab组件的使用有新的需求或者问题请直接回复或者联系我！QQ：2885819444
编辑于 2017-7-3 18:33
编辑于 2017-7-3 18:35
编辑于 2017-7-12 16:12
编辑于 2017-7-13 11:55
编辑于 2017-7-24 18:12
|
这个应该只是V3.06版本更新内容之一吧？
