鸿宇研学生前端代码
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.

111 lines
2.2 KiB

3 weeks ago
3 weeks 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. .page__view {
  47. width: 100vw;
  48. min-height: 100vh;
  49. color: #181818;
  50. background: linear-gradient(#DAF3FF, #F4F4F4 400rpx, #F4F4F4);
  51. position: relative;
  52. font-family: PingFang SC;
  53. font-weight: 400;
  54. line-height: 1.4;
  55. }
  56. .page__view.highlight {
  57. background: linear-gradient(#DAF3FF, #FBFEFF 400rpx, #FBFEFF);
  58. }
  59. .btn {
  60. width: auto;
  61. height: auto;
  62. margin: 0;
  63. padding: 0;
  64. line-height: 1;
  65. border: none;
  66. background: none;
  67. }
  68. .btn:after {
  69. border: none;
  70. }
  71. /deep/ .uv-modal__content {
  72. padding: 0 !important;
  73. }
  74. /deep/ .uv-calendar-month__days__day__select__top-info,
  75. /deep/ .uv-calendar-month__days__day__select__buttom-info {
  76. white-space: nowrap;
  77. }
  78. /deep/ .uv-number-box__minus--disabled {
  79. background: transparent !important;
  80. }
  81. /deep/ .uv-number-box__input {
  82. font-size: 40rpx;
  83. }
  84. /deep/ .uv-steps-item__wrapper {
  85. background: transparent !important;
  86. }
  87. /deep/ .uv-steps-item__line {
  88. background: #F3F3F3 !important;
  89. transform: translateY(9px) !important;
  90. }
  91. /deep/ .tabs .uv-tabs__wrapper__nav__item__text.uv-tabs__wrapper__nav__item__text--disabled {
  92. color: #191919 !important;
  93. }
  94. /deep/ .uv-rate__content__item__icon-wrap--half {
  95. width: 50% !important;
  96. }