product.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. page{background-color: #F5F5F5;}
  2. .goods-name{display: flex;align-items: center;justify-content: space-between;padding: 24rpx;background-color: #fff;border-bottom: 1px solid #ddd;}
  3. .goods-name .name{flex: 1;font-size: 30rpx;font-weight: 600;line-height: 40rpx;}
  4. .goods-name .type{font-size: 24rpx;color: #999;width: 200rpx;text-align: right;}
  5. .goods-base-info{position: relative;margin-bottom: 24rpx;background-color: #fff;}
  6. .goods-base-info-item{font-size: 28rpx;color: #666;line-height: 40rpx;}
  7. .goods-base-info .goods-price{flex: unset;position: absolute;right: 24rpx;bottom: 24rpx;color: #26D18B;}
  8. .goods-base-info .goods-price .price{font-size: 30rpx;font-weight: bold;}
  9. .main-body{margin-bottom: 24rpx;background-color: #fff;}
  10. .main-body-til{display: flex;justify-content: space-between;align-items: center;padding: 24rpx;border-bottom: 1px solid #ddd;}
  11. .main-body-til .til{font-size: 30rpx;font-weight: 600;color: #333;}
  12. .main-body-til .con{display: flex;align-items: center;font-size: 24rpx;color: #666;}
  13. .main-body-info{display: flex;padding: 24rpx;align-items: center;}
  14. .main-body-info-img{width: 200rpx;height: 200rpx;margin-right: 24rpx;}
  15. .main-body-info-text{flex: 1;font-size: 28rpx;color: #666;line-height: 40rpx;}
  16. .text-item{margin-bottom: 16rpx;}
  17. .text-item .text + .text{margin-left: 24rpx;}
  18. .product-info-item{width: 50%;margin-bottom: 24rpx;font-size: 28rpx;color: #333;box-sizing: border-box;}
  19. .product-info .main-body-info{flex-wrap: wrap;}