@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序
2 lines (1 loc) • 2.87 kB
CSS
.nut-collapse-item{position:relative}.nut-collapse-item:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;left:16px;bottom:0;border-bottom:var(--nutui-collapse-item-border-bottom, none);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item:last-child:after{display:none}.nut-collapse-item-header{position:relative;display:flex;width:100%;overflow:hidden;padding:var(--nutui-collapse-item-padding, 13px 26px);font-size:var(--nutui-collapse-item-font-size, var(--nutui-font-size-2, 15px));line-height:var(--nutui-collapse-item-line-height, 24px);background-color:var(--nutui-color-background-overlay, var(--nutui-color-white, #ffffff));box-sizing:border-box}.nut-collapse-item-header:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;left:16px;bottom:0;border-bottom:var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-color-border, #e6e6e6));transform:scale(1);transform:scaleY(.5)}.nut-collapse-item-title{color:var(--nutui-collapse-item-color, var(--nutui-color-title, #0d0d0d));display:flex;align-items:center}.nut-collapse-item-extra{flex:1;display:flex;justify-content:flex-end;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nutui-collapse-item-extra-color, var(--nutui-color-text, #666666))}.nut-collapse-item-icon-box{display:flex;width:24px;position:relative;color:var(--nutui-color-text, #666666)}.nut-collapse-item-icon{display:flex;align-items:center;position:absolute;top:50%;left:5px;transform:translateY(-50%);transform-origin:center;transition:transform .3s}.nut-collapse-item-header-disabled,.nut-collapse-item-header-disabled .nut-collapse-item-title,.nut-collapse-item-header-disabled .nut-collapse-item-icon{color:var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #999999))}.nut-collapse-item-content-wrapper{width:100%;position:relative;box-sizing:border-box;overflow:hidden}.nut-collapse-item-content-wrapper-tran{transition:all .3s linear}.nut-collapse-item-content{display:block;position:absolute;height:auto;width:100%;box-sizing:border-box;color:var(--nutui-collapse-wrapper-content-color, var(--nutui-color-text, #666666));font-size:var(--nutui-collapse-wrapper-content-font-size, var(--nutui-font-size-2, 15px));line-height:var(--nutui-collapse-wrapper-content-line-height, 1.5);background-color:var(--nutui-collapse-wrapper-content-background-color, var(--nutui-color-background-overlay, var(--nutui-color-white, #ffffff)))}.nut-collapse-item-content-text{color:var(--nutui-collapse-wrapper-content-color, var(--nutui-color-text, #666666));padding:var(--nutui-collapse-wrapper-content-padding, 12px 26px)}[dir=rtl] .nut-collapse-item-icon,.nut-rtl .nut-collapse-item-icon{left:auto;right:5px}.nut-collapse-item-extra{padding:0 var(--nutui-spacing-3, 16px)}