template.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. %flex_center,.flex_center {
  2. display: flex;
  3. align-items: center;
  4. justify-content: center;
  5. }
  6. @mixin flex-set($alignItem, $justifyContent) {
  7. display: flex;
  8. align-items: $alignItem;
  9. justify-content: $justifyContent;
  10. }
  11. @mixin clamp-set($number) {
  12. display: -webkit-box;
  13. -webkit-box-orient: vertical;
  14. overflow: hidden;
  15. text-overflow: ellipsis;
  16. -webkit-line-clamp: $number; /* 指定显示的行数 */
  17. // white-space: nowrap; /* 不换行 */
  18. word-break: break-all; /* 在连续的数字中强制换行 */
  19. }
  20. %clamp_1,.clamp_1 {
  21. @include clamp-set(1);
  22. }
  23. %clamp_2,.clamp_2 {
  24. @include clamp-set(2);
  25. }
  26. %width750,.width750 {
  27. width: 750rpx;
  28. margin: 0 auto;
  29. }
  30. %width690,.width690 {
  31. width: 690rpx;
  32. margin: 0 auto;
  33. }
  34. %width630,.width630 {
  35. width: 630rpx;
  36. margin: 0 auto;
  37. }
  38. .numberSumBox {
  39. width: 690rpx;
  40. padding: 0 30rpx;
  41. background: #fff;
  42. font-size: 30rpx;
  43. >text {
  44. color: #dc4646;
  45. font-weight: 600;
  46. margin: 0 10rpx;
  47. }
  48. }
  49. %lbTags,.lbTags {
  50. white-space: nowrap;
  51. border: 1rpx #919191 solid;
  52. border-radius: 20%;
  53. color: $uni-font-text-gray2;
  54. padding: 2rpx;
  55. margin-left: 5rpx;
  56. font-size: 20rpx;
  57. line-height: 1 !important;
  58. margin-left: 10rpx;
  59. white-space: nowrap; /* 强制文本在同一行内显示 */
  60. word-break: normal; /* 禁止在单词内换行 */
  61. }
  62. ::v-deep .uv-cell__title-text {
  63. font-size: 32rpx;
  64. font-weight: 600;
  65. }