@cmstops/pro-compo/es/contentDetailList/style/QrCodeView.less

[物料平台文档中心](https://arco.design/docs/material/guide)

.doc-qrcode-preview-container-v {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin: auto;
  color: #4e5969;
  font-size: 14px;
  background: white;
  border-radius: 6px;

  .qrcode {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    color: #4886ff;
    background: #edf3ff;

    .no-pub {
      position: relative;
      width: 100%;
      height: 100%;

      &::after {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(100% - 40px);
        height: 100%;
        padding: 0 20px;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.5);
        content: '内容暂未发布，如需链接预览请在下方生成临时预览链接';
        // z-index: 2;
      }
    }
  }

  .qrcode-hint {
    opacity: 0.6;
  }

  .setting {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;

    .label {
      font-weight: 500;
    }

    .a-select {
      width: 100px;

      .a-input__inner {
        color: #86909c;
        text-align: center;
        background: #f3f4f5;
        border: none;
      }
    }
  }

  .btns {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    width: 100%;

    .arco-btn {
      width: 100%;
      margin-left: 0;
      padding: 10px 5px;
      font-size: 14px;

      &.auto {
        flex: 1;
        width: auto;
      }
    }
  }

  .time-go {
    font-size: 12px;
  }
}