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

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

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

  .content-wrapper {
    flex: auto;
  }

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

.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;
    }

    &.title {
      font-weight: 600;
    }

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

    .value {
      flex: 2 2 50%;
      min-height: 28px;
      padding: 4px;
      border-left: $border;
      box-sizing: border-box;
    }
  }
  &.t-2 {
    .value {
      border-left: none;
    }
    .v-1 {
      border-left: $border;
      border-right: $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;
  }
}