数据可视化大屏
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

48 satır
1.4KB

  1. .card-content-title {
  2. width:fit-content;
  3. height:fit-content;
  4. padding: 5px 20px 0; /* 文本的内边距 */
  5. font-size: 16px; /* 根据需要调整字体大小
  6. font-weight: bold; /* 字体加粗 */
  7. color: #29b6f6; /* 字体颜色 */
  8. text-align: center; /* 文本居中对齐 */
  9. background-color: #19426E; /* 设置背景颜色为深蓝色 */
  10. border: 1px solid #1f6f97; /* 设置边框颜色 */
  11. border-radius: 10px 10px 0 0; /* 上面是圆角,下面是直角 */
  12. box-shadow: inset 0 0 10px #1f6f97; /* 内阴影效果 */
  13. }
  14. .card-content {
  15. overflow: hidden;
  16. margin-bottom: 0.5rem;
  17. //height: 18rem;
  18. padding: 1rem 1.5rem;
  19. //position: relative;
  20. background-image: url('../../../../assets/dashboard/dashboard_card_bg.jpg');
  21. background-repeat: no-repeat; /* 防止背景图片重复 */
  22. background-position: center;
  23. // background-position: top;
  24. background-size: 100% 100%;
  25. // background-size: cover;
  26. // background-size: cover;
  27. // background-size: contain; /* 保证背景图片完整显示 */
  28. .card-content-title {
  29. display: flex;
  30. margin-bottom: 0.5rem;
  31. font-size: 18px;
  32. font-weight: 600;
  33. color: #74FAFB;
  34. .card-content-l {
  35. flex: 1;
  36. align-self: flex-start;
  37. /* 占据剩余空间 */
  38. }
  39. .card-content-r {
  40. align-self: flex-end;
  41. }
  42. }
  43. }