index.less 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. @import '../../styles/base.less';
  2. .detail-cell {
  3. }
  4. .cell-title {
  5. flex: 1;
  6. margin-bottom: 10rpx;
  7. }
  8. .cell-icon {
  9. margin-right: 10rpx;
  10. }
  11. .cell-end {
  12. display: flex;
  13. align-items: center;
  14. min-width: 100rpx;
  15. justify-content: flex-end;
  16. }
  17. .detail-name {
  18. width: 100%;
  19. margin: 10rpx 0;
  20. font-size: 30rpx;
  21. color:#222222;
  22. overflow: hidden; //一定要写
  23. text-overflow: ellipsis; //超出省略号
  24. display: -webkit-box; //一定要写
  25. -webkit-line-clamp: 1; //控制行数
  26. -webkit-box-orient: vertical; //一定要写
  27. }
  28. .detail-describe {
  29. width: 100%;
  30. margin: 10rpx 0;
  31. min-height: 80rpx;
  32. overflow: hidden; //一定要写
  33. text-overflow: ellipsis; //超出省略号
  34. display: -webkit-box; //一定要写
  35. -webkit-line-clamp: 2; //控制行数
  36. -webkit-box-orient: vertical; //一定要写
  37. }
  38. .detail-tags {
  39. width: 100%;
  40. margin:8rpx 0;
  41. overflow: hidden; //一定要写
  42. text-overflow: ellipsis; //超出省略号
  43. display: -webkit-box; //一定要写
  44. -webkit-line-clamp: 2; //控制行数
  45. -webkit-box-orient: vertical; //一定要写
  46. }
  47. .detail-price-wrapper {
  48. display: flex;
  49. color: @red;
  50. margin-top: 10rpx;
  51. .detail-price-text {
  52. margin: 0 10rpx 0 0;
  53. }
  54. .detail-price-num{
  55. font-size: 28rpx;
  56. font-weight: 600;
  57. }
  58. }