zhsw_wechat/miniprogram_npm/tdesign-miniprogram/indexes

:: BASE_DOC ::

API

Indexes Props

name | type | default | description | required -- | -- | -- | -- | -- style | Object | - | CSS(Cascading Style Sheets) | N custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N 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 -- | -- | -- | -- | -- style | Object | - | CSS(Cascading Style Sheets) | N custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N index | String / Number | - | - | N

IndexesAnchor External Classes

className | Description -- | -- t-class | class name of root node t-class-sidebar | - t-class-sidebar-item | -

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 | calc(100% + 32rpx) | - --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 | -