gooslist.less 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. page {
  2. background: #f6f6f6;
  3. }
  4. .box {
  5. display: flex;
  6. flex-wrap: wrap;
  7. .txt {
  8. background: #FFFFFF;
  9. position: relative;
  10. .txt-name {
  11. font-size: 32rpx;
  12. font-family: PingFang SC;
  13. font-weight: 500;
  14. padding-left: 20rpx;
  15. overflow: hidden; //一定要写
  16. text-overflow: ellipsis; //超出省略号
  17. display: -webkit-box; //一定要写
  18. -webkit-line-clamp: 2; //控制行数
  19. -webkit-box-orient: vertical; //一定要写
  20. }
  21. .txt-state {
  22. font-size: 24rpx;
  23. font-family: PingFang SC;
  24. font-weight: 500;
  25. margin:20rpx 0rpx 0rpx 20rpx;
  26. overflow: hidden; //一定要写
  27. text-overflow: ellipsis; //超出省略号
  28. display: -webkit-box; //一定要写
  29. -webkit-line-clamp: 1; //控制行数
  30. -webkit-box-orient: vertical; //一定要写
  31. }
  32. .price_info{
  33. display: flex;
  34. align-items: center;
  35. margin: 20rpx 0rpx 10rpx 0rpx;
  36. .price{
  37. font-size: 28rpx;
  38. padding: 0 20rpx;
  39. }
  40. .original_price{
  41. font-size: 24rpx;
  42. text-decoration: line-through;
  43. }
  44. }
  45. }
  46. }