2.3.4.4 页签
页签组件分为上下两部分，上面是页签导航列表，里面显示导航按钮；下面是页签内容列表，里面可以摆放任意组件。页签的运行效果和导航栏组件搭配滑块视图组件几乎一样，不同之处有2点，一是页签导航列表不充满屏幕宽度，二是不支持左右滑动切换页签。组件结构和运行效果如图4-33所示。
图4-33 页签组件
1、添加/删除页签
在属性栏的设置区域中，单击“添加页签”按钮，给页签组件添加新的页签。用鼠标右键单击要删除的页签导航，在弹出的菜单中，选择删除命令，即可删除页签。
2、基础属性
页签组件提供3个基础属性：
l 自定义激活样式：设置一个自定义样式，用作页签导航的选中样式
l 模式选择：设置页签导航仅显示文字Text，还是显示图片加文字ImageText
l 图片位置：当模式选择为ImageText时，设置图片相对于文字的位置，可选项有：左left、上top、右right
页签导航提供1个属性：显示名称。用于设置页签导航上显示的文本。
3、事件
页签组件提供1个事件：页签显示，在切换页签时触发。
页签导航提供1个事件：单击事件，在单击页签导航时触发。
4、样式
页签组件提供一个特有样式：激活样式，用于设置页签导航的选中样式。
5、示例：页签导航充满宽度
在页面中添加“页签”组件，默认带一个页签，再添加一个页签。依次修改页签导航中的显示名称属性为“图文详情”和“商品属性”。设置页签导航象导航栏一样，占满屏幕宽度。给每个页签导航增加自定义样式，CSS代码为：max-width:none;flex:1;。页签内容区域可根据具体展示效果进行布局设计。