@antmjs/vantui/lib/mini-nav-bar/index.css

一套适用于Taro3及React的vantui组件库

:root,page{--primary-color:#07c160}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.van-hairline--top::after{border-top-width:1PX}.van-hairline--left::after{border-left-width:1PX}.van-hairline--right::after{border-right-width:1PX}.van-hairline--bottom::after{border-bottom-width:1PX}.van-hairline--top-bottom::after{border-width:1PX 0}.van-hairline--surround::after{border-width:1PX}.van-nav-bar{position:relative;text-align:center;-webkit-user-select:none;user-select:none;z-index:805;z-index:var(--navbar-z-index,805);height:92px;height:var(--nav-bar-height,92px);line-height:92px;line-height:var(--nav-bar-height, 92px);background-color:#fff;background-color:var(--nav-bar-background-color,#fff)}.van-nav-bar__content{position:relative;height:100%}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -32px;margin:0 var(--padding-md,-32px);padding:0 32px;padding:0 var(--padding-md,32px);color:var(--primary-color);color:var(--nav-bar-text-color,var(--primary-color))}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:32px!important;font-size:var(--nav-bar-arrow-size, 32px)!important;color:var(--primary-color)!important;color:var(--nav-bar-icon-color,var(--primary-color))!important}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-40px;padding-left:50px}.van-nav-bar--fixed{position:fixed!important;top:0;left:0;width:100%}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:32px;font-size:var(--nav-bar-title-font-size, 32px)}.van-nav-bar__title-h5{display:-webkit-box;display:-webkit-flex;display:flex;height:100%;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:28px;font-size:var(--font-size-md, 28px)}.van-nav-bar__left{left:32px;left:var(--padding-md,32px)}.van-nav-bar__right{right:32px;right:var(--padding-md,32px)}.van-mini-nav-bar{position:relative;text-align:center;-webkit-user-select:none;user-select:none;z-index:805;z-index:var(--navbar-z-index,805);background-color:#fff;background-color:var(--nav-bar-background-color,#fff)}.van-mini-nav-bar__content{position:relative;height:100%}.van-mini-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -32px;margin:0 var(--padding-md,-32px);padding:0 32px;padding:0 var(--padding-md,32px);color:var(--primary-color);color:var(--nav-bar-text-color,var(--primary-color))}.van-mini-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-mini-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-mini-nav-bar__title{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%;margin:0 auto;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:32px;font-size:var(--nav-bar-title-font-size, 32px)}.van-mini-nav-bar__left{position:absolute;top:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:28px;font-size:var(--font-size-md, 28px)}.van-mini-nav-bar__left-menu{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative;border-radius:50%;font-weight:700;box-sizing:border-box}.van-mini-nav-bar__left-menu .van-icon-arrow-left{padding-right:4px}.van-mini-nav-bar__left-menu .van-icon-wap-home{padding-bottom:4px}.van-mini-nav-bar__left-menu:nth-child(2){margin-left:14px}.van-mini-nav-bar__left-menu-white{background-color:rgba(255,255,255,.6);color:#000}.van-mini-nav-bar__left-menu-white::after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(151,151,151,.2);-webkit-transform:scale(.5);transform:scale(.5);border-radius:50%;border-width:1PX}.van-mini-nav-bar__left-menu-black{background-color:rgba(0,0,0,.15);color:#fff}.van-mini-nav-bar__left-menu-black::after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(255,255,255,.25);-webkit-transform:scale(.5);transform:scale(.5);border-radius:50%;border-width:1PX}