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