zhsw_wechat/miniprogram_npm/tdesign-miniprogram/navbar

:: BASE_DOC ::

API

Navbar 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 animation | Boolean | true | - | N capsule | Slot | - | see more ts definition | N delta | Number | 1 | - | N fixed | Boolean | true | - | N left | Slot | - | 0.26.0。see more ts definition | N left-arrow | Boolean | false | 0.26.0 | N title | String / Slot | - | page title。see more ts definition | N title-max-length | Number | - | - | N visible | Boolean | true | - | N

Navbar Events

name | params | description -- | -- | -- complete | - | - fail | - | - go-back | - | - success | - | -

Navbar External Classes

className | Description -- | -- t-class | - t-class-capsule | - t-class-center | - t-class-home-icon | - t-class-left | - t-class-left-icon | - t-class-nav-btn | - t-class-title | -

CSS Variables

The component provides the following CSS variables, which can be used to customize styles. Name | Default Value | Description -- | -- | -- --td-navbar-bg-color | @bg-color-container | - --td-navbar-capsule-border-color | #e3e6ea | - --td-navbar-capsule-border-radius | 32rpx | - --td-navbar-capsule-height | 64rpx | - --td-navbar-capsule-width | 176rpx | - --td-navbar-color | @font-gray-1 | - --td-navbar-height | 96rpx | - --td-navbar-left-arrow-size | 48rpx | - --td-navbar-title-font-size | 36rpx | - --td-navbar-title-font-weight | 600 | -