card-analysis-content.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. @import "../../../../themes/t.cell.scss";
  2. @import "../../report-common.scss";
  3. @import "../../../../themes/card.scss";
  4. /* module/health/components/card-analysis/card-analysis-content.wxss */
  5. .talbel-wrapper {
  6. $border: 1px solid#999;
  7. margin-top: 12px;
  8. border: $border;
  9. border-radius: 8px;
  10. .tr {
  11. display: flex;
  12. flex-direction: row;
  13. align-items: center;
  14. &+.tr {
  15. border-top: $border;
  16. }
  17. &.exception .td:nth-child(2) {
  18. color: #FF611B;
  19. }
  20. &.invalid .td:nth-child(2) {
  21. color: #aaa;
  22. }
  23. }
  24. .th {
  25. color: #fff;
  26. font-weight: 600;
  27. }
  28. .th,
  29. .td {
  30. // display: flex;
  31. text-align: center;
  32. word-break: break-all;
  33. white-space: pre-wrap;
  34. &:nth-child(1) {
  35. flex: 0 0 100px;
  36. }
  37. &:nth-child(2) {
  38. flex: auto;
  39. border-left: $border;
  40. border-right: $border;
  41. }
  42. &:nth-child(3) {
  43. flex: 0 0 100px;
  44. }
  45. }
  46. }
  47. .picture-wrapper {
  48. display: flex;
  49. flex-direction: row;
  50. justify-content: center;
  51. image {
  52. margin: 6px;
  53. width: 128px;
  54. height: 128px;
  55. }
  56. }