| .. | ||
| navbar.d.ts | ||
| navbar.js | ||
| navbar.json | ||
| navbar.wxml | ||
| navbar.wxss | ||
| props.d.ts | ||
| props.js | ||
| README.en-US.md | ||
| README.md | ||
| type.d.ts | ||
| type.js | ||
:: BASE_DOC ::
API
Navbar Props
| name | type | default | description | required |
|---|---|---|---|---|
| animation | Boolean | true | - | N |
| capsule | Slot | - | - | N |
| delta | Number | 1 | - | N |
| external-classes | Array | - | ['t-class', 't-class-title', 't-class-left', 't-class-center', 't-class-capsule'] |
N |
| fixed | Boolean | true | - | N |
| left | Slot | - | 0.26.0 |
N |
| left-arrow | Boolean | false | 0.26.0 |
N |
| title | String / Slot | - | page title | N |
| title-max-length | Number | - | - | N |
| visible | Boolean | true | - | N |
Navbar Events
| name | params | description |
|---|---|---|
| complete | - | - |
| fail | - | - |
| go-back | - | - |
| success | - | - |
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 | - |