index.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .add-customer {
  2. margin: 20rpx;
  3. padding: 20rpx 0;
  4. text-align: center;
  5. color: blue;
  6. background-color: #eee;
  7. border-radius: 40rpx;
  8. }
  9. .add-customer .add-icon {
  10. margin-right: 10rpx;
  11. }
  12. .good {
  13. margin: 20rpx;
  14. display: flex;
  15. justify-content: space-between;
  16. }
  17. .good .image {
  18. border-radius: 20rpx;
  19. width: 200rpx;
  20. height: 200rpx;
  21. }
  22. .good .info {
  23. padding: 10rpx 0;
  24. width: 480rpx;
  25. display: flex;
  26. flex-direction: column;
  27. justify-content: space-between;
  28. }
  29. .good .info .up .name {
  30. font-size: 28rpx;
  31. overflow: hidden;
  32. white-space: nowrap;
  33. text-overflow: ellipsis;
  34. }
  35. .good .info .up .tag {
  36. display: flex;
  37. flex-wrap: wrap;
  38. }
  39. .good .info .up .tag text {
  40. margin-top: 10rpx;
  41. font-size: 22rpx;
  42. color: #5a5a5a;
  43. margin-right: 15rpx;
  44. }
  45. .good .info .down {
  46. display: flex;
  47. justify-content: space-between;
  48. align-items: center;
  49. }
  50. .good .info .down .price {
  51. color: red;
  52. font-size: 22rpx;
  53. }
  54. .good .info .down .price text {
  55. font-size: 25rpx;
  56. font-weight: bold;
  57. }
  58. .good .info .down .btn {
  59. width: 200rpx;
  60. }
  61. .good .info .down .btn button {
  62. font-size: 25rpx;
  63. }