commodity_card.wxss 572 B

1234567891011121314151617181920212223242526272829303132333435
  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. }
  15. .commodity_image {
  16. width: 340rpx;
  17. height: 340rpx;
  18. border-radius: 20rpx;
  19. }
  20. .commodity_name {
  21. position: absolute;
  22. top: 360rpx;
  23. left: 15rpx;
  24. }
  25. .price {
  26. position: absolute;
  27. top: 400rpx;
  28. left: 12rpx;
  29. color: #a08016;
  30. font-weight: 600;
  31. }