indicator

<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

查看 通用事件

约束

1. 不支持子组件，向 indicator 中添加的所有子元素都会被忽略。

示例

查看完整示例