shop.wxss 977 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /* component/shop/shop.wxss */
  2. @import '../../common.wxss';
  3. .shop_item{
  4. margin: 0 auto;
  5. background-color: #fff;
  6. box-sizing: border-box;
  7. display: flex;
  8. align-items: flex-start;
  9. position: relative;
  10. }
  11. .shop_img{
  12. width: 154rpx;
  13. height: 154rpx;
  14. }
  15. .shop_item_info{
  16. display: flex;
  17. flex-direction: column;
  18. flex: 1;
  19. overflow: hidden;
  20. }
  21. .shop_item_info_top{
  22. display: flex;
  23. align-items: center;
  24. justify-content: space-between;
  25. }
  26. .star{
  27. width: 24rpx;
  28. height: 24rpx;
  29. }
  30. .rate{
  31. color: var(--mainmoneycolor);
  32. }
  33. .shop_item_info_midea{
  34. display: flex;
  35. flex-wrap: wrap;
  36. }
  37. .shop_item_info_midea_item{
  38. height: 38rpx;
  39. line-height: 38rpx;
  40. margin-bottom: 8rpx;
  41. margin-right: 8rpx;
  42. background: #F5F7F9;
  43. }
  44. .position_img{
  45. width: 24rpx;
  46. height: 24rpx;
  47. }
  48. .shop-goods{
  49. border-top: 1px solid #EDEEF1;
  50. width: 100%;
  51. overflow: hidden;
  52. }
  53. .icon{
  54. width: 30rpx;
  55. height: 30rpx;
  56. }
  57. .price{
  58. color: #FF9600;
  59. }
  60. .more{
  61. width: 22rpx;
  62. height: 22rpx;
  63. }