points-mall-miniprogram/miniprogram/miniprogram_npm/tdesign-miniprogram/indexes

:: 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	-