page-psysurvey.component_20241218195200.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /* 设置页面背景色 */
  2. ion-content {
  3. --background: #ffffff; /* 白色背景 */
  4. }
  5. ion-card {
  6. margin: 10px; /* 卡片之间的间距 */
  7. border-radius: 10px; /* 圆角效果 */
  8. box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */
  9. }
  10. ion-card-title {
  11. font-weight:bold;
  12. }
  13. /* 设置列表项的样式 */
  14. ion-item {
  15. margin: 5px 0; /* 列表项之间的间距 */
  16. }
  17. ion-title {
  18. font-size: 24px; /* 增大字体大小 */
  19. font-weight: bold; /* 加粗 */
  20. }
  21. /* 设置卡片的样式 */
  22. ion-list {
  23. margin: 10px; /* 卡片之间的间距 */
  24. border-radius: 10px; /* 圆角效果 */
  25. box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */
  26. }
  27. ion-button {
  28. font-size: 15px; /* 增大字体大小 */
  29. margin-top: 8px; /* 上间距,仅在需要时添加 */
  30. text-transform: none; /* 按钮文字不变形 */
  31. height: 35px;
  32. }
  33. /* 设置列表项的样式 */
  34. ion-item {
  35. margin: 5px 0; /* 列表项之间的间距 */
  36. }
  37. /* 设置按钮的样式(如果按钮不在顶部方框内) */
  38. ion-toolbar {
  39. margin: auto;
  40. }
  41. .title-text{
  42. position: absolute;
  43. display: flex;
  44. left: 125px;
  45. margin: auto;
  46. top: 10px;
  47. }