scheme.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  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. .date-text {
  22. display: flex;
  23. align-items: center;
  24. }
  25. .recuperate-btn {
  26. display: inline-block;
  27. padding: 6px 12px;
  28. background-color: #1d6ff6;
  29. color: white;
  30. border-radius: 4px;
  31. font-size: 14px;
  32. text-align: center;
  33. }
  34. .card-wrapper {
  35. --button-line-1: 10px;
  36. }
  37. .scheme {
  38. &__item {
  39. margin-top: 8px;
  40. &-title {
  41. font-size: 14px;
  42. text-align: center;
  43. margin-bottom: 8px;
  44. }
  45. }
  46. &__title {
  47. font-size: 14px;
  48. font-weight: 600;
  49. // color: #34A76B;
  50. color: #1d6ff6;
  51. }
  52. &__description {
  53. display: flex;
  54. flex-direction: row;
  55. flex-wrap: wrap;
  56. margin: 6px 0;
  57. }
  58. }
  59. .scheme-wrapper {
  60. image {
  61. height: 90px;
  62. }
  63. &+.scheme-wrapper {
  64. margin-top: 12px;
  65. }
  66. color: #D7D9DA;
  67. .name {
  68. text-align: center;
  69. font-size: 15px;
  70. // color: #34A76B;
  71. color: #1d6ff6;
  72. }
  73. .description {
  74. margin: 4px 0;
  75. font-size: 14px;
  76. }
  77. .media-container {
  78. display: flex;
  79. flex-direction: row;
  80. flex-wrap: wrap;
  81. margin: 0 -1%;
  82. .media {
  83. flex: none;
  84. width: 31%;
  85. margin: 0 1%;
  86. image,
  87. video {
  88. width: 100%;
  89. height: 100px;
  90. }
  91. }
  92. }
  93. }