tab4.page.scss 847 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. ion-card {
  2. margin: 10px;
  3. top:8px;
  4. }
  5. ion-card-content {
  6. display: flex;
  7. align-items: center;
  8. }
  9. ion-avatar {
  10. margin-right: 10px;
  11. }
  12. ion-label {
  13. font-weight: bold;
  14. }
  15. ion-button {
  16. margin: 15px;
  17. }
  18. ion-segment-button {
  19. font-size: 15px; /* 设置按钮字体大小为20px,让按钮整体看起来更大 */
  20. padding: 5px 20px; /* 设置按钮内边距,增加按钮的大小 */
  21. }
  22. ion-segment {
  23. --padding-start: 0; /* 设置起始内边距为0,让按钮靠左对齐 */
  24. --padding-end: 0; /* 设置结束内边距为0,让按钮靠右对齐 */
  25. overflow-x: auto; /* 水平滚动 */
  26. scrollbar-width: none; /* 隐藏滚动条(适用于部分浏览器) */
  27. }
  28. p {
  29. font-size: 20px; /* 设置文字大小为20px */
  30. }
  31. p:active {
  32. color: blue; /* 点击后文本颜色变为蓝色 */
  33. }