nutui-taro-upgrade/dist/packages/navbar/index.css

@nutui/nutui-taro 对京东风格组件库的taro4 版本支持

.nut-theme-dark .nut-navbar{background:var(--nut-dark-background, #131313);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-navbar .title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-navbar{position:relative;display:flex;align-items:center;height:var(--nut-navbar-height, 44px);box-sizing:border-box;padding:var(--nut-navbar-padding, 0 16px);background:var(--nut-navbar-background, var(--nut-white, #fff));box-shadow:var(--nut-navbar-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nut-navbar-title-base-font, var(--nut-font-size-2, 14px));color:var(--nut-navbar-color, var(--nut-title-color2, #666666));overflow:hidden}.nut-navbar:active::before{opacity:.1}.nut-navbar--border{border-bottom:1px solid #eee}.nut-navbar--fixed{position:fixed;top:0;left:0;width:100%}.nut-navbar--placeholder{display:block;width:100%}.nut-navbar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.nut-navbar--fixed.nut-navbar--safe-area-inset-top{height:calc(var(--nut-navbar-height, 44px) + constant(safe-area-inset-top));height:calc(var(--nut-navbar-height, 44px) + env(safe-area-inset-top))}.nut-navbar--clickable::before{position:absolute;content:" ";top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);border-radius:inherit;transform:translate(-50%, -50%);opacity:0}.nut-navbar .nutui-iconfont .nut-icon-left{text-align:left}.nut-navbar__title{max-width:60%;margin:0 auto;text-align:center;display:flex;justify-content:center;align-items:center}.nut-navbar__title .title{min-width:var(--nut-navbar-title-width, 100px);font-size:var(--nut-navbar-title-font, var(--nut-font-size-2, 14px));font-weight:var(--nut-navbar-title-font-weight, 0);color:var(--nut-navbar-title-font-color, var(--nut-navbar-color, var(--nut-title-color2, #666666)));display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.nut-navbar__title.icon .icon{margin:var(--nut-navbar-title-icon-margin, 0 0 0 13px)}.nut-navbar__title .icon{font-size:0}.nut-navbar__title .nut-icon{display:inline}.nut-navbar__title-desc{font-size:var(--nut-cell-title-desc-font, var(--nut-font-size-1, 12px))}.nut-navbar__title .text__title{display:inline-block}.nut-navbar__title ::-webkit-scrollbar{display:none}.nut-navbar__left{position:absolute;left:0;font-size:var(--nut-cell-desc-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-desc-color, var(--nut-disable-color, #cccccc));display:flex;align-items:center;cursor:pointer;padding:0 16px}.nut-navbar__right{position:absolute;right:0;font-size:var(--nut-cell-desc-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-desc-color, var(--nut-disable-color, #cccccc));display:flex;align-items:center;padding:0 16px;cursor:pointer}