tab4.page.scss 935 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  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. scrollbar-width: none; /* 隐藏滚动条(适用于部分浏览器) */
  24. -ms-overflow-style: none; /* 隐藏滚动条(适用于 IE 和 Edge) */
  25. &::-webkit-scrollbar {
  26. display: none; /* 隐藏滚动条(适用于 Chrome 和 Safari) */
  27. }
  28. &::-ms-overflow-style {
  29. display: none; /* 隐藏滚动条(适用于 IE 和 Edge) */
  30. }
  31. }
  32. p {
  33. font-size: 20px; /* 设置文字大小为20px */
  34. }
  35. p.selected {
  36. color: blue; /* 设置选中文本颜色为蓝色 */
  37. }