<indicator>
组件通常用于显示轮播图指示器效果,必须充当 <slider>
组件的子组件使用。
子组件
<indicator>
组件没有任何子组件。
样式
<indicator>
组件有一些私有样式,如下:
item-color {color}
:indicator指示点未被选中时的颜色,默认值为#CCCCCC
item-selected-color {color}
:indicator指示点被选中时的颜色,默认值为#444444
item-size {number}
:指示点的半径,默认为5px
通用样式
- 盒模型
flexbox
布局position
opacity
background-color
查看 组件通用样式
注意 1:
这里需要注意一点,<indicator>
的 position
不仅依赖 top
、left
、bottom
和 right
样式,同时会参考 width
和 height
样式。<indicator>
默认的宽高继承于 <slider>
,如果 <slider>
未设置宽高,需要显式的给 <indicator>
设置宽高值。
注意 2:
background-color
不推荐使用,建议使用 item-color
和 item-selected-color
代替。
事件
支持所有通用事件。
click
longpress
appear
disappear
查看 通用事件
约束
- 不支持子组件,向 indicator 中添加的所有子元素都会被忽略。