page-updating.component_20241228144116.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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. }
  22. /* 确保按钮文本正常横排 */
  23. ion-button {
  24. white-space: nowrap;
  25. }
  26. ion-title {
  27. font-size: 24px; /* 增大字体大小 */
  28. font-weight: bold; /* 加粗 */
  29. }
  30. /* 设置卡片的样式 */
  31. ion-button {
  32. font-size: 15px; /* 增大字体大小 */
  33. margin-top: 8px; /* 上间距,仅在需要时添加 */
  34. text-transform: none; /* 按钮文字不变形 */
  35. height: 35px;
  36. }
  37. ion-toolbar {
  38. margin: auto;
  39. }
  40. .title-text {
  41. position: absolute;
  42. display: flex;
  43. left: 50%;
  44. transform: translateX(-50%);
  45. margin: auto;
  46. top: 10px;
  47. }