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

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

.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-theme-dark .nut-menu-item__content .nut-menu-item__option{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-menu-item{position:fixed;z-index:var(--nut-menu-bar-opened-z-index, 2001);left:0;right:0;height:100vh;overflow:hidden}.nut-menu-item .active{font-weight:var(--nut-menu-active-item-font-weight, 500);color:var(--nut-menu-item-active-text-color, var(--nut-primary-color, #fa2c19)) !important}.nut-menu-item__content{padding:var(--nut-menu-item-content-padding, 12px 24px);max-height:var(--nut-menu-item-content-max-height, 214px);display:flex;flex-wrap:wrap}.nut-menu-item__content.nut-menu-item__overflow{overflow-y:auto}.nut-menu-item__content.nut-menu-item__overflow::-webkit-scrollbar{display:none;width:0}.nut-menu-item__content .nut-menu-item__option{color:var(--nut-title-color, #1a1a1a);font-size:var(--nut-font-size-2, 14px);padding-top:var(--nut-menu-item-option-padding-top, 12px);padding-bottom:var(--nut-menu-item-option-padding-bottom, 12px);display:flex;align-items:center}.nut-menu-item__content .nut-menu-item__option .nut-menu-item__span{display:flex;align-items:center;margin-right:var(--nut-menu-item-option-i-margin-right, 6px)}.nut-menu-item-placeholder-element{position:fixed;left:0;right:0;z-index:var(--nut-menu-bar-opened-z-index, 2001);background-color:rgba(0,0,0,0)}