home.scss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. @import '../../../../themes/page.scss';
  2. @import '../../../../themes/draggable-sheet.scss';
  3. @import "../../report-common.scss";
  4. @import "../../../../themes/card.scss";
  5. /* module/health/pages/home/home.scss */
  6. .health-container{
  7. background-image: url("/assets/bg/bg_records.png");
  8. background-repeat: no-repeat;
  9. width: 100%;
  10. height: 100%; /* Ensure this path is correct */
  11. background-size: cover; /* or contain, depending on your needs */
  12. background-position: top;
  13. background-color: #F5F6F7;
  14. }
  15. .page-scroll__container{
  16. padding-bottom: calc(100rpx + env(safe-area-inset-bottom)) !important;
  17. }
  18. .card-body.report-wrapper {
  19. display: flex;
  20. flex-direction: row;
  21. align-items: center;
  22. .content-wrapper {
  23. flex: auto;
  24. }
  25. .image-wrapper {
  26. flex: none;
  27. width: 128px;
  28. height: 128px;
  29. margin-left: 8px;
  30. }
  31. }
  32. .card-header {
  33. display: flex;
  34. align-items: center;
  35. justify-content: space-between;
  36. margin-bottom: 10rpx;
  37. padding: 20px 0 0px 0 !important;
  38. margin-top: 20rpx;
  39. }
  40. .constitution-box{
  41. background-image: url('https://wx.hzliuzhi.com:4433/manager/file/statics/2025/08/21/WechatIMG731_20250821155626A830.jpg');
  42. background-size: cover;
  43. background-position: center;
  44. }
  45. .card-title {
  46. display: flex;
  47. align-items: center;
  48. margin-bottom: 20rpx;
  49. margin-left: 30rpx;
  50. }
  51. .icon-title {
  52. width: 20px;
  53. height: 20px;
  54. margin-right: 10rpx;
  55. }
  56. .text-title {
  57. font-size: 16px;
  58. color: black;
  59. font-weight: 500;
  60. }
  61. .more-link {
  62. position: absolute;
  63. right: 32rpx;
  64. color: #1976d2;
  65. font-size: 24rpx;
  66. display: flex;
  67. align-items: center;
  68. }