吉光研途前端代码仓库
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.

83 lines
1.5 KiB

2 days ago
2 days 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. .page__view {
  39. width: 100vw;
  40. min-height: 100vh;
  41. background-color: $uni-bg-color;
  42. position: relative;
  43. font-family: PingFang SC;
  44. font-weight: 400;
  45. line-height: 1.4;
  46. }
  47. .flex {
  48. display: flex;
  49. align-items: center;
  50. justify-content: center;
  51. }
  52. .flex-column {
  53. flex-direction: column;
  54. }
  55. .btn {
  56. width: auto;
  57. height: auto;
  58. margin: 0;
  59. padding: 0;
  60. line-height: 1.4;
  61. border: none;
  62. background: none;
  63. }
  64. .btn:after {
  65. border: none;
  66. }
  67. .empty {
  68. margin-top: 165rpx;
  69. width: 100%;
  70. }
  71. .empty-icon {
  72. width: 464rpx;
  73. height: auto;
  74. }