test-nut-ui
Version:
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
2 lines (1 loc) • 1.78 kB
CSS
.nut-navbar{width:var(--nutui-navbar-width, 100%);position:relative;display:flex;align-items:center;height:var(--nutui-navbar-height, 44px);box-sizing:border-box;padding:var(--nutui-navbar-padding, 0px 16px);background:var(--nutui-navbar-background, var(--nutui-gray-6, #ffffff));font-size:var(--nutui-navbar-font-size, 18px);font-weight:var(--nutui-navbar-font-weight, 500);color:var(--nutui-navbar-color, var(--nsui-gray-color-9, #262626));margin-bottom:var(--nutui-navbar-margin-bottom, 24px);overflow:hidden}.nut-navbar--fixed{position:fixed;top:0;left:0;width:100%}.nut-navbar--placeholder{display:inline-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__title{min-width:var(--nutui-navbar-title-min-width, 53%);margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:var(--nutui-navbar-title-justify-content, center);padding:var(--nutui-navbar-title-padding, 0px 16px);font-size:var(--nutui-navbar-title-font-size, 18px);font-weight:var(--nutui-navbar-title-font-weight, 500);color:var(--nutui-navbar-title-font-color, var(--nsui-gray-color-9, #262626))}.nut-navbar__title .nut-tabs__titles{background:var(--nutui-gray-6, #ffffff)}.nut-navbar__title .nut-tabpane{display:none}.nut-navbar__title ::-webkit-scrollbar{display:none}.nut-navbar__left,.nut-navbar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;cursor:pointer}.nut-navbar__left{left:0;padding:var(--nutui-navbar-left-padding, 0px 16px 0px 12px)}.nut-navbar__left__back{display:flex;align-items:center;justify-content:center}.nut-navbar__right{right:0;padding:var(--nutui-navbar-right-padding, 0px 16px)}.nut-navbar__divider{position:absolute;left:0;bottom:-2px;margin:0}