nutui-by-zchuhyy/dist/packages/collapseitem/collapseitem.css

一套轻量级移动端Vue组件库

/*!
 * nutui-by-zchuhyy v0.0.16 - collapseitem.css, 7c15ab32fbfb9d26339f, Wed Mar 17 2021 16:52:20 GMT+0800 (GMT+08:00)
 * (c) 2017-2020 JDC
 * Released under the MIT License.
 */.nut-collapse-item{position:relative}.nut-collapse-item .collapse-item:after{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item .collapse-item{position:relative;width:100%;overflow:hidden;padding:10px 16px;color:#323233;font-size:14px;line-height:24px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.nut-collapse-item .collapse-item .collapse-icon{display:block;position:absolute;top:50%;margin-top:-10px;right:16px;width:20px;height:20px;line-height:24px;background-image:url(https://img10.360buyimg.com/imagetools/jfs/t1/111306/10/17422/341/5f58aa0eEe9218dd6/28d76a42db334e31.png);background-repeat:no-repeat;background-size:100% 100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.nut-collapse-item .collapse-item .col-expanded{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.nut-collapse-item .collapse-item .subTitle{position:absolute;top:50%;right:40px;margin-top:-12px;color:#969799}.nut-collapse-item .collapse-wrapper{position:relative;height:0;overflow:hidden;-webkit-transition:height .3s ease-in-out;-o-transition:height .3s ease-in-out;transition:height .3s ease-in-out}.nut-collapse-item .collapse-wrapper .collapse-content{padding:12px 16px;color:#969799;font-size:14px;line-height:1.5;background-color:#fff}.nut-collapse-item .nut-collapse-item-disabled{color:#c8c9cc;cursor:not-allowed;pointer-events:none}.nut-collapse-item .nut-collapse-item-disabled .collapse-icon-disabled{background-image:url(https://img12.360buyimg.com/imagetools/jfs/t1/150037/5/8088/344/5f5b0bf2E214aac54/ec3e64ce3fc46200.png);background-repeat:no-repeat;background-size:100% 100%}.nut-collapse-item .nut-collapse-item-left .collapse-item{padding:10px 16px 10px 50px}.nut-collapse-item .nut-collapse-item-left .collapse-item .collapse-icon{left:20px}.nut-collapse-item .nut-collapse-item-left .collapse-item .subTitle{right:16px}