page-updating.component_20241228144002.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. ion-card {
  2. margin: 10px; /* 卡片之间的间距 */
  3. border-radius: 10px; /* 圆角效果 */
  4. box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */
  5. }
  6. .content-center {
  7. display: flex;
  8. justify-content: center;
  9. align-items: center;
  10. --background: #ffffff; /* 白色背景 */
  11. --background: url('https://nova-cloud.obs.cn-south-1.myhuaweicloud.com/storage/aigc/imagine/4RHC2Jhp2l-0.png') no-repeat fixed !important;
  12. --background-size: cover;
  13. }
  14. .expect-message {
  15. font-size: 2rem; /* 放大字体 */
  16. color: gray; /* 灰色文字 */
  17. opacity: 0.7; /* 透明度 */
  18. display: flex;
  19. justify-content: center;
  20. align-items: center;
  21. height: 100%; /* 确保内容区域占满整个高度 */
  22. }
  23. /* 确保按钮文本正常横排 */
  24. ion-button {
  25. white-space: nowrap;
  26. }
  27. ion-title {
  28. font-size: 24px; /* 增大字体大小 */
  29. font-weight: bold; /* 加粗 */
  30. }
  31. /* 设置卡片的样式 */
  32. ion-button {
  33. font-size: 15px; /* 增大字体大小 */
  34. margin-top: 8px; /* 上间距,仅在需要时添加 */
  35. text-transform: none; /* 按钮文字不变形 */
  36. height: 35px;
  37. }
  38. ion-toolbar {
  39. margin: auto;
  40. }
  41. .title-text {
  42. position: absolute;
  43. display: flex;
  44. left: 50%;
  45. transform: translateX(-50%);
  46. margin: auto;
  47. top: 10px;
  48. }