operation_wx/miniprogram_npm/tdesign-miniprogram/indexes/README.en-US.md

:: BASE_DOC ::

API

Indexes Props

name | type | default | description | required -- | -- | -- | -- | -- index-list | Array | - | 0.32.0。Typescript：string [] \| number[] | N list | Array | [] | deprecated。Typescript：ListItem[] interface ListItem { title: string; index: string; children: { title: string; [key: string]: any} [] }。see more ts definition | N sticky | Boolean | true | Typescript：Boolean | N sticky-offset | Number | 0 | 1.0.0 | N

Indexes Events

name | params | description -- | -- | -- change | (index: string \| number) | 0.34.0 select | (index: string \| number) | -

IndexesAnchor Props

name | type | default | description | required -- | -- | -- | -- | -- external-classes | Array | - | ['t-class'] | N index | String / Number | - | - | N

CSS Variables

The component provides the following CSS variables, which can be used to customize styles. Name | Default Value | Description -- | -- | -- --td-indexes-sidebar-active-bg-color | @brand-color | - --td-indexes-sidebar-active-color | @font-white-1 | - --td-indexes-sidebar-color | @font-gray-1 | - --td-indexes-sidebar-font-size | 24rpx | - --td-indexes-sidebar-item-size | 40rpx | - --td-indexes-sidebar-line-height | 40rpx | - --td-indexes-sidebar-right | 16rpx | - --td-indexes-sidebar-tips-bg-color | @brand-color-light | - --td-indexes-sidebar-tips-color | @brand-color | - --td-indexes-sidebar-tips-font-size | 40rpx | - --td-indexes-sidebar-tips-right | 76rpx | - --td-indexes-sidebar-tips-size | 96rpx | - --td-indexes-anchor-active-bg-color | @bg-color-container | - --td-indexes-anchor-active-color | @brand-color | - --td-indexes-anchor-active-font-weight | 600 | - --td-indexes-anchor-bg-color | @bg-color-secondarycontainer | - --td-indexes-anchor-color | @font-gray-1 | - --td-indexes-anchor-font-size | 28rpx | - --td-indexes-anchor-line-height | 44rpx | -