index.less 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. page {
  2. background: #f6f6f6;
  3. }
  4. .top {
  5. background: #ffffff;
  6. }
  7. .list {
  8. margin: 30rpx;
  9. padding: 30rpx;
  10. background: #ffffff;
  11. border-radius: 20rpx;
  12. .list-box {
  13. display: flex;
  14. .list-image {
  15. width: 240rpx;
  16. height: 180rpx;
  17. margin-right: 20rpx;
  18. }
  19. .meal {
  20. width: 58%;
  21. .meal-name {
  22. height: 90rpx;
  23. width: 100%;
  24. overflow: hidden; //一定要写
  25. text-overflow: ellipsis; //超出省略号
  26. display: -webkit-box; //一定要写
  27. -webkit-line-clamp: 2; //控制行数
  28. -webkit-box-orient: vertical; //一定要写
  29. }
  30. .meal-price {
  31. color: red;
  32. font-size: 28rpx;
  33. margin-top: 10rpx;
  34. }
  35. .meal-time {
  36. font-size: 30rpx;
  37. margin-top: 10rpx;
  38. }
  39. }
  40. }
  41. .operation {
  42. display: flex;
  43. justify-content: flex-end;
  44. margin-top: 20rpx;
  45. .operation-delete {
  46. border-radius: 20rpx;
  47. border: 1rpx solid #BBBBBB;
  48. padding: 20rpx 50rpx;
  49. margin-left: 20rpx;
  50. }
  51. }
  52. }