commodity_card.wxss 614 B

123456789101112131415161718192021222324252627282930313233343536
  1. /* components/commodity_card/commodity_card.wxss */
  2. .commodity {
  3. display: flex;
  4. flex-wrap: wrap; /*自动换行*/
  5. margin-top: 10rpx;
  6. }
  7. .commodity_show {
  8. display: flex;
  9. position: relative;
  10. width: 48%;
  11. height: 500rpx;
  12. padding: 7rpx;
  13. justify-content: center;
  14. /* background-color: skyblue; */
  15. }
  16. .commodity_show image {
  17. width: 340rpx;
  18. height: 340rpx;
  19. border-radius: 20rpx;
  20. }
  21. .commodity_name {
  22. position: absolute;
  23. top: 360rpx;
  24. left: 15rpx;
  25. }
  26. .price {
  27. position: absolute;
  28. top: 400rpx;
  29. left: 12rpx;
  30. color: #a08016;
  31. font-weight: 600;
  32. }