<indicator>

<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 不仅依赖 topleftbottomright 样式,同时会参考 widthheight 样式。<indicator> 默认的宽高继承于 <slider>,如果 <slider> 未设置宽高,需要显式的给 <indicator> 设置宽高值。

注意 2:

background-color 不推荐使用,建议使用 item-coloritem-selected-color 代替。

事件#

支持所有通用事件。

  • click
  • longpress
  • appear
  • disappear

查看 通用事件

约束#

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

示例#

查看完整示例

Edit this page on GitHub