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

71 lines
1.4 KiB

4 days ago
4 days ago
4 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. line-height: 1.4;
  45. }
  46. .flex {
  47. display: flex;
  48. align-items: center;
  49. justify-content: center;
  50. }
  51. .flex-column {
  52. flex-direction: column;
  53. }
  54. .btn {
  55. width: auto;
  56. height: auto;
  57. margin: 0;
  58. padding: 0;
  59. line-height: 1.4;
  60. border: none;
  61. background: none;
  62. }
  63. .btn:after {
  64. border: none;
  65. }