yu.css.ui/css/component/collapse.css

纯CSS通用UI模块和组件

@charset "UTF-8";
.yu-collapse {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
  color: #606266;
  font-size: 0; }
  .yu-collapse > .yu-collapse-item:last-child {
    border-bottom: 1px solid #E4E7ED; }

.yu-collapse-item {
  width: 100%; }
  .yu-collapse-item > .wrap {
    font-size: 14px;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    margin-bottom: -1px;
    display: inline-block; }
    .yu-collapse-item > .wrap > .header {
      border-top: 1px solid #E4E7ED;
      height: 40px;
      cursor: pointer;
      line-height: 40px; }
      .yu-collapse-item > .wrap > .header:not(.hide-icon):after {
        font-family: "iconfont" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        float: right;
        color: #C0C4CC;
        transition: all 0.4s ease; }
    .yu-collapse-item > .wrap > .content {
      width: 100%;
      height: 0;
      overflow: hidden;
      transition: height 0.4s ease; }
    .yu-collapse-item > .wrap.active > .header:after {
      transform: rotate(90deg); }