nutui-taro-upgrade
Version:
@nutui/nutui-taro 对京东风格组件库的taro4 版本支持
1 lines • 4.86 kB
CSS
.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 }.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 ;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-action-sheet .nut-action-sheet__cancel{border-top:1px solid var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-action-sheet .nut-action-sheet__title{border-bottom:1px solid var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-action-sheet .nut-action-sheet__cancel,.nut-theme-dark .nut-action-sheet .nut-action-sheet__item,.nut-theme-dark .nut-action-sheet .nut-action-sheet__title{background:var(--nut-dark-background, #131313);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-action-sheet{display:block}.nut-action-sheet .nut-action-sheet__title{display:block;padding:10px;margin:0;text-align:center;background-color:var(--nut-white, #fff);border-bottom:1px solid var(--nut-actionsheet-light-color, #f6f6f6);font-size:var(--nut-font-size-base, var(--nut-font-size-2, 14px));color:var(--nut-title-color, #1a1a1a)}.nut-action-sheet .nut-action-sheet__menu{display:block;list-style:none;padding:0;margin:0}.nut-action-sheet .nut-action-sheet__cancel,.nut-action-sheet .nut-action-sheet__item{display:block;padding:10px;line-height:var(--nut-actionsheet-item-line-height, 24px);font-size:var(--nut-actionsheet-item-font-size, var(--nut-font-size-2, 14px));color:var(--nut-actionsheet-item-font-color, var(--nut-title-color, #1a1a1a));text-align:center;background-color:#fff;border-bottom:var(--nut-actionsheet-item-border-bottom, none);cursor:pointer}.nut-action-sheet .nut-action-sheet__desc{font-size:var(--nut-actionsheet-item-font-size, var(--nut-font-size-2, 14px));color:#999;cursor:default}.nut-action-sheet .nut-action-sheet__subdesc{display:block;font-size:var(--nut-actionsheet-item-subdesc-font-size, var(--nut-font-size-1, 12px));color:#999}.nut-action-sheet .nut-action-sheet__item--disabled{color:#e1e1e1 ;cursor:not-allowed}.nut-action-sheet .nut-action-sheet__item--loading{cursor:default}.nut-action-sheet .nut-action-sheet__cancel{margin-top:5px;border-top:var(--nut-actionsheet-item-cancel-border-top, 1px solid var(--nut-actionsheet-light-color, #f6f6f6))}