scheme.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. @import '../../../../themes/page.scss';
  2. @import "../../../../themes/t.cell.scss";
  3. @import "../../report-common.scss";
  4. @import "../../../../themes/card.scss";
  5. /* module/health/pages/scheme/scheme.wxss */
  6. .scheme-container {
  7. background: linear-gradient(180deg, #E3EDFA 0%, #FFFFFF 100%);
  8. width: 100%;
  9. height: 100%;
  10. background-image: url('/module/health/assets/image/bg_interview@2x.png');
  11. background-repeat: no-repeat;
  12. background-position: inherit;
  13. background-size: cover;
  14. }
  15. .header-row {
  16. display: flex;
  17. justify-content: space-between;
  18. align-items: center;
  19. width: 100%;
  20. }
  21. .t-cell__note, .t-cell__title {
  22. margin-left: 0px !important;
  23. }
  24. .date-text {
  25. display: flex;
  26. align-items: center;
  27. }
  28. .recuperate-btn {
  29. display: inline-block;
  30. padding: 9px 12px;
  31. background-color: #1d6ff6;
  32. color: white;
  33. border-radius: 4px;
  34. font-size: 14px;
  35. text-align: center;
  36. }
  37. .card-wrapper {
  38. --button-line-1: 10px;
  39. }
  40. .scheme {
  41. &__item {
  42. margin-top: 8px;
  43. &-title {
  44. font-size: 14px;
  45. text-align: center;
  46. margin-bottom: 8px;
  47. }
  48. }
  49. &__title {
  50. font-size: 14px;
  51. font-weight: 600;
  52. // color: #34A76B;
  53. color: #1d6ff6;
  54. }
  55. &__description {
  56. display: flex;
  57. flex-direction: row;
  58. flex-wrap: wrap;
  59. margin: 6px 0;
  60. }
  61. }
  62. .scheme-wrapper {
  63. image {
  64. height: 90px;
  65. }
  66. &+.scheme-wrapper {
  67. margin-top: 12px;
  68. }
  69. color: #D7D9DA;
  70. .name {
  71. text-align: center;
  72. font-size: 15px;
  73. // color: #34A76B;
  74. color: #1d6ff6;
  75. }
  76. .description {
  77. margin: 4px 0;
  78. font-size: 14px;
  79. }
  80. .media-container {
  81. display: flex;
  82. flex-direction: row;
  83. flex-wrap: wrap;
  84. margin: 0 -1%;
  85. .media {
  86. flex: none;
  87. width: 31%;
  88. margin: 0 1%;
  89. image,
  90. video {
  91. width: 100%;
  92. height: 100px;
  93. }
  94. }
  95. }
  96. }