react-app-shell/activity/src/views/feedback-report/translate/translate.less

react打包脚本和example, 这里的版本请忽略

.translate {
  width: 750px;
  max-width: 750px;
  height: calc(100% + env(safe-area-inset-bottom));
  background: url(../../../public/images/feedback/bg2.png) no-repeat top center;
  background-size: 100%;
  margin: 0 auto;
  overflow: scroll;
  padding: 0 32px;

  .content {
    float: left;
    width: 686px;
    margin: 50px 0 50px;
    border-radius: 40px;
    background: #fff url('../../../public/images/feedback/block-bg.png') repeat center center;
    background-size: 100%;
    position: relative;

    .header {
      width: 590px;
      height: 66px;
      background: url(../../../public/images/feedback/block-header.png) no-repeat center center;
      background-size: 100%;
      position: absolute;
      left: 46px;
      top: -18px;
    }

    .substance_1 {
      width: 590px;
      margin: 0 auto;
      padding-top: 112px;
      font-size: 28px;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
    }

    .substance_error {
      width: 590px;
      margin: 0 auto;
      padding-top: 112px;
      font-size: 28px;
      font-weight: 400;
      color: rgba(153, 153, 153, 1);
    }

    .substance_2 {
      width: 590px;
      margin: 0 auto;
      padding-top: 48px;
      font-size: 28px;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);
    }

    .bottom {
      float: left;
      width: 590px;
      padding-left: 48px;
      padding-top: 64px;
      padding-bottom: 48px;

      .icon {
        float: left;
        width: 24px;
        height: 24px;
        background: url(../../../public/images/feedback/sigh-icon.png) no-repeat center center;
        background-size: 100%;
        margin-top: 8px;
      }

      .font {
        float: left;
        height: 42px;
        line-height: 42px;
        font-size: 24px;
        padding-left: 8px;
        font-weight: 400;
        color: rgba(153, 153, 153, 1);
      }
    }
  }
}