index.less 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. @red:#F01740;
  2. @grey: #666666;
  3. .title {
  4. font-weight: Medium;
  5. font-size: 36rpx;
  6. color: #222222;
  7. }
  8. .text-large {
  9. font-size: 36rpx;
  10. }
  11. .text {
  12. font-size: 30rpx;
  13. word-break: keep-all;
  14. }
  15. .text-small {
  16. font-size: 24rpx;
  17. word-break: keep-all;
  18. }
  19. .grey {
  20. color:#666666;
  21. }
  22. .detail-name {
  23. width: 100%;
  24. margin: 10rpx 0;
  25. font-size: 30rpx;
  26. color:#222222;
  27. overflow: hidden; //一定要写
  28. text-overflow: ellipsis; //超出省略号
  29. display: -webkit-box; //一定要写
  30. -webkit-line-clamp: 1; //控制行数
  31. -webkit-box-orient: vertical; //一定要写
  32. }
  33. .detail-describe {
  34. width: 100%;
  35. margin: 10rpx 0;
  36. min-height: 80rpx;
  37. overflow: hidden; //一定要写
  38. text-overflow: ellipsis; //超出省略号
  39. display: -webkit-box; //一定要写
  40. -webkit-line-clamp: 2; //控制行数
  41. -webkit-box-orient: vertical; //一定要写
  42. }
  43. .detail-tags {
  44. width: 100%;
  45. margin:8rpx 0;
  46. overflow: hidden; //一定要写
  47. text-overflow: ellipsis; //超出省略号
  48. display: -webkit-box; //一定要写
  49. -webkit-line-clamp: 2; //控制行数
  50. -webkit-box-orient: vertical; //一定要写
  51. }
  52. .detail-price-wrapper {
  53. display: flex;
  54. color: @red;
  55. margin-top: 10rpx;
  56. .detail-price-text {
  57. margin: 0 10rpx 0 0;
  58. }
  59. .detail-price-num{
  60. font-size: 28rpx;
  61. font-weight: 600;
  62. }
  63. }