nutui-taro-upgrade
Version:
@nutui/nutui-taro 对京东风格组件库的taro4 版本支持
1 lines • 4.18 kB
CSS
.nut-theme-dark .nut-collapse-item .nut-collapse-item__title{background:var(--nut-dark-background, #131313);color:var(--nut-dark-color, var(--nut-white, #fff));box-shadow:none}.nut-theme-dark .nut-collapse-item .nut-collapse__item-wrapper .collapse-content,.nut-theme-dark .nut-collapse-item .nut-collapse__item-wrapper .nut-collapse__item-extraWrapper__extraRender{background:var(--nut-dark-background, #131313);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-collapse-item .nut-collapse__item-extraWrapper .nut-collapse__item-extraWrapper__extraRender{background:var(--nut-dark-background, #131313)}.nut-collapse-item__border .nut-collapse-item__title::after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.nut-collapse-item{position:relative}.nut-collapse-item .nut-collapse-item__title{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;overflow:hidden;padding:var(--nut-collapse-item-padding, 13px 36px 13px 26px);color:var(--nut-collapse-item-color, #666666);font-size:var(--nut-collapse-item-font-size, var(--nut-font-size-2, 14px));line-height:var(--nut-collapse-item-line-height, 24px);background-color:#fff;box-sizing:border-box}.nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-main{flex:1}.nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-main-value{display:block}.nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-main-value .nut-collapse-item__title-main-icon{top:2px}.nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-icon{display:flex;align-items:center;color:var(--nut-collapse-item-icon-color, #666666);transition:transform .3s}.nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-icon--expanded{transform:rotate(-180deg)}.nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-sub{position:absolute;top:50%;right:65px;margin-top:-12px;color:var(--nut-collapse-item-sub-title-color, #666666)}.nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-label{display:block;color:#969799;font-size:12px}.nut-collapse-item .nut-collapse__item-wrapper,.nut-collapse-item .nut-collapse__item-extraWrapper{display:block;position:relative;height:0;overflow:hidden;transition:height .3s ease-in-out}.nut-collapse-item .nut-collapse__item-wrapper .nut-collapse__item-wrapper__content,.nut-collapse-item .nut-collapse__item-wrapper .nut-collapse__item-extraWrapper__extraRender,.nut-collapse-item .nut-collapse__item-extraWrapper .nut-collapse__item-wrapper__content,.nut-collapse-item .nut-collapse__item-extraWrapper .nut-collapse__item-extraWrapper__extraRender{display:block;padding:var(--nut-collapse-wrapper-content-padding, 12px 26px);color:var(--nut-collapse-wrapper-content-color, #666666);font-size:var(--nut-collapse-wrapper-content-font-size, var(--nut-font-size-2, 14px));line-height:var(--nut-collapse-wrapper-content-line-height, 1.5);background-color:var(--nut-collapse-wrapper-content-background-color, var(--nut-white, #fff))}.nut-collapse-item .nut-collapse__item-wrapper .nut-collapse__item-wrapper__content--empty,.nut-collapse-item .nut-collapse__item-extraWrapper .nut-collapse__item-wrapper__content--empty{padding:var(--nut-collapse-wrapper-empty-content-padding, 0 26px)}.nut-collapse-item .nut-collapse__item-extraWrapper{height:auto}.nut-collapse-item .nut-collapse__item-extraWrapper .nut-collapse__item-extraWrapper__extraRender{word-wrap:break-word;word-break:break-all;overflow:hidden}.nut-collapse-item .open-style{will-change:height;height:auto}.nut-collapse-item .close-style{will-change:auto}.nut-collapse-item .nut-collapse-item__title--disabled{color:var(--nut-collapse-item-disabled-color, #c8c9cc);cursor:not-allowed;pointer-events:none}.nut-collapse-item .nut-collapse-item__title--disabled .collapse-icon{color:var(--nut-collapse-item-disabled-color, #c8c9cc)}.nut-collapse-item .nut-collapse-item__title-mtitle{display:inline-block}.collapse-border-none .nut-collapse-item__title::after{display:none}