环信码微信小程序
编辑 | blame | 历史 | 原始文档

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