@charset "UTF-8"; /* 水平间距 */ /* 水平间距 */ .uni-collapse-item { box-sizing: border-box; } .uni-collapse-item__title { display: flex; width: 100%; box-sizing: border-box; flex-direction: row; align-items: center; transition: border-bottom-color .3s; } .uni-collapse-item__title-wrap { width: 100%; flex: 1; } .uni-collapse-item__title-box { padding: 0 15px; display: flex; width: 100%; box-sizing: border-box; flex-direction: row; justify-content: space-between; align-items: center; height: 48px; line-height: 48px; background-color: #fff; color: #303133; font-size: 13px; font-weight: 500; } .uni-collapse-item__title-box.is-disabled .uni-collapse-item__title-text { color: #999; } .uni-collapse-item__title.uni-collapse-item-border { border-bottom: 1px solid #ebeef5; } .uni-collapse-item__title.is-open { border-bottom-color: transparent; } .uni-collapse-item__title-img { height: 22px; width: 22px; margin-right: 10px; } .uni-collapse-item__title-text { flex: 1; font-size: 18px; font-weight: 600; white-space: nowrap; color: inherit; overflow: hidden; text-overflow: ellipsis; } .uni-collapse-item__title-arrow { display: flex; box-sizing: border-box; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 10px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .uni-collapse-item__title-arrow-active { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .uni-collapse-item__wrap { will-change: height; box-sizing: border-box; background-color: #fff; overflow: hidden; position: relative; height: 0; } .uni-collapse-item__wrap.is--transition { transition-property: height, border-bottom-width; transition-duration: 0.3s; will-change: height; } .uni-collapse-item__wrap-content { position: absolute; font-size: 13px; color: #303133; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 0; } .uni-collapse-item__wrap-content.uni-collapse-item--border { border-bottom-width: 1px; border-bottom-color: red; border-bottom-color: #ebeef5; } .uni-collapse-item__wrap-content.open { position: relative; } .uni-collapse-item--animation { transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-duration: 0.3s; transition-timing-function: ease; }