HQ_yueYue/后台管理/src/components/ZupAudio/index.module.scss

// 上传无障碍音频的样式
.ZupAudio {
  margin-left: 20px;
  width: 180px;
  height: 32px;
  // position: relative;
  // top: -4px;
  border: 1px solid #ccc;
  border-radius: 16px;
  background-color: #fff;

  :global {

    .ZupAudio1 {
      cursor: pointer;

      display: flex;
      justify-content: center;

      .anticon-upload {
        font-size: 20px;
      }

      .ZupAudio1_1 {
        line-height: 15px;
        color: #aaa5cb;
        margin-left: 10px;

        &>p {
          &:nth-of-type(2) {
            font-size: 10px;
            // color: red;
            opacity: .7;
          }
        }
      }
    }

    .ZupAudio2 {
      padding: 0 10px;
      height: 100%;
      display: flex;
      align-items: center;

      .anticon {
        font-size: 18px;
        cursor: pointer;

      }

      &>div {
        height: 100%;
        line-height: 30px;
        width: calc(100% - 35px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }


  }
}