nutui-taro-upgrade/dist/packages/shortpassword/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-short-password-title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-short-password-wrapper .nut-short-password__list{border:none;background:var(--nut-dark-background3, #141414)}.nut-theme-dark .nut-short-password-wrapper .nut-short-password__list .nut-short-password__item{position:relative}.nut-theme-dark .nut-short-password-wrapper .nut-short-password__list .nut-short-password__item .nut-short-password__item-icon{background:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-short-password-wrapper .nut-short-password__list .nut-short-password__item::after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;outline:1px solid #3a3a3c;transform:scale(0.5)}.nut-short-password-title{line-height:1;font-size:var(--nut-font-size-3, 16px);color:var(--nut-title-color, #1a1a1a)}.nut-short-password-subtitle{display:block;margin-top:12px;line-height:1;font-size:var(--nut-font-size-1, 12px);color:var(--nut-text-color, #808080)}.nut-short-password-wrapper{padding:12px 0 10px 0;text-align:center;position:relative}.nut-short-password__list{width:100%;height:41px;margin:0 auto;background:var(--nut-shortpassword-background-color, rgb(245, 245, 245));border-radius:4px;border:1px solid var(--nut-shortpassword-border-color, #ddd);display:flex;z-index:10}.nut-short-password__item{flex:1;display:flex;justify-content:center;align-items:center}.nut-short-password__item-icon{height:6px;width:6px;border-radius:50%;background:#000;display:inline-block}.nut-short-password__message{margin-top:9px;display:flex;justify-content:space-between;width:247px}.nut-short-password__message .nut-short-password--error{line-height:1;font-size:var(--nut-font-size-0, 10px);color:var(--nut-shortpassword-error, var(--nut-primary-color, #fa2c19))}.nut-short-password__message .nut-short-password--forget{line-height:1;font-size:var(--nut-font-size-1, 12px);color:var(--nut-shortpassword-forget, rgb(128, 128, 128));display:flex}