health.applet/miniprogram/module/health/pages/report/report.scss

@import '../../../../themes/page.scss';
@import "../../../../themes/t.cell.scss";
@import "../../report-common.scss";
/* module/health/pages/report/report.wxss */

.report-data-wrapper {
  font-size: 14px;

  .card-body {
    display: flex;
    flex-direction: row;
    align-items: center;

    .content-wrapper {
      flex: auto;
    }

    .image-wrapper {
      flex: none;
      width: 128px;
      height: 128px;
      margin-left: 8px;
    }
  }

  .title {
    text-align: center;
  }

  .primary {
    color: #34A76B;
  }

  .talbel-wrapper {
    $border: 1px solid#999;
    margin-top: 12px;
    border: $border;
    border-radius: 8px;

    .talbel-row {
      display: flex;
      flex-direction: row;
      align-items: center;

      &+.talbel-row {
        border-top: $border;
      }

      .label {
        flex: none;
        padding: 4px;
        width: 100px;
      }

      .value {
        float: auto;
        padding: 4px;
        border-left: $border;
      }
    }
  }
}

.picture-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;

  image {
    margin: 12px;
    width: 128px;
    height: 128px;
  }
}

.notification-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #34A76B;
  font-weight: 700;

  .icon {
    color: #FF611B;
    margin-right: 8px;
  }
}