裂变星小程序-25.03.04
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

65 lines
1.3 KiB

1 month ago
1 month ago
  1. // 文字益处处理
  2. .text-ellipsis{
  3. overflow:hidden; //超出的文本隐藏
  4. text-overflow:ellipsis; //溢出用省略号显示
  5. white-space:nowrap; //溢出不换行
  6. }
  7. .text-ellipsis-2{
  8. overflow: hidden;
  9. text-overflow: ellipsis;
  10. display:-webkit-box; //作为弹性伸缩盒子模型显示。
  11. -webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
  12. -webkit-line-clamp:2; //显示的行
  13. }
  14. .text-ellipsis-3{
  15. overflow: hidden;
  16. text-overflow: ellipsis;
  17. display:-webkit-box; //作为弹性伸缩盒子模型显示。
  18. -webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
  19. -webkit-line-clamp:3; //显示的行
  20. }
  21. .share{
  22. padding: 0;
  23. margin: 0;
  24. background-color: #fff;
  25. display: flex !important;
  26. flex-direction: column !important;
  27. justify-content: center !important;
  28. align-items: center !important;
  29. font-size: 26rpx;
  30. }
  31. .share::after{
  32. border: none;
  33. padding: 0;
  34. margin: 0;
  35. width: 0;
  36. height: 0;
  37. }
  38. .flex {
  39. display: flex;
  40. align-items: center;
  41. justify-content: center;
  42. }
  43. .flex-column {
  44. flex-direction: column;
  45. }
  46. .card {
  47. background-color: #FFFFFF;
  48. border-radius: 12rpx;
  49. padding: 18rpx 20rpx;
  50. }
  51. .btn-simple {
  52. width: auto;
  53. height: auto !important;
  54. border: none !important;
  55. box-shadow: none;
  56. padding: 0 !important;
  57. margin: 0;
  58. line-height: 1 !important;
  59. }