| | |
|---|
| | | show-controls | Boolean | false | `0.32.0` | N |
|---|
| | | total | Number | 0 | `0.34.0` | N |
|---|
| | | type | String | dots | Typescript：`SwiperNavigationType` `type SwiperNavigationType = 'dots' \| 'dots-bar' \| 'fraction'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/swiper-nav/type.ts) | N |
|---|
| | | |
|---|
| | | |
|---|
| | | ### CSS Variables |
|---|
| | | The component provides the following CSS variables, which can be used to customize styles. |
|---|
| | | Name | Default Value | Description |
|---|
| | | -- | -- | -- |
|---|
| | | --td-swiper-item-padding | 0 | - |
|---|
| | | --td-swiper-radius | @radius-large | - |
|---|
| | | --td-swiper-nav-btn-bg-color | @font-gray-3 | - |
|---|
| | | --td-swiper-nav-btn-color | @font-white-1 | - |
|---|
| | | --td-swiper-nav-btn-size | 48rpx | - |
|---|
| | | --td-swiper-nav-dot-active-color | @font-white-1 | - |
|---|
| | | --td-swiper-nav-dot-color | @font-white-2 | - |
|---|
| | | --td-swiper-nav-dot-size | 12rpx | - |
|---|
| | | --td-swiper-nav-dots-bar-active-width | 40rpx | - |
|---|
| | | --td-swiper-nav-fraction-bg-color | @font-gray-3 | - |
|---|
| | | --td-swiper-nav-fraction-color | @font-white-1 | - |
|---|
| | | --td-swiper-nav-fraction-font-size | 24rpx | - |
|---|
| | | --td-swiper-nav-fraction-height | 48rpx | - |
|---|
