index.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. /* nova-shop/pages/shopping-cart/index.wxss */
  2. page {
  3. background: #f6f6f6;
  4. }
  5. .browsing .browsing_info {
  6. width: 93%;
  7. background: #ffffff;
  8. border-radius: 12rpx;
  9. margin: 20rpx auto;
  10. display: flex;
  11. }
  12. .browsing .browsing_info .left_info {
  13. width: 38%;
  14. display: flex;
  15. align-items: center;
  16. }
  17. .browsing .browsing_info .left_info .image {
  18. width: 240rpx;
  19. height: 240rpx;
  20. border-radius: 16rpx;
  21. }
  22. .browsing .browsing_info .right_info {
  23. width: 58%;
  24. }
  25. .browsing .browsing_info .right_info .title {
  26. font-size: 28rpx;
  27. margin: 20rpx 0;
  28. font-weight: 700;
  29. overflow: hidden;
  30. display: -webkit-box;
  31. -webkit-box-orient: vertical;
  32. -webkit-line-clamp: 1;
  33. }
  34. .browsing .browsing_info .right_info .desc {
  35. font-size: 24rpx;
  36. margin-bottom: 20rpx;
  37. color: #c2c2c2;
  38. overflow: hidden;
  39. display: -webkit-box;
  40. -webkit-box-orient: vertical;
  41. -webkit-line-clamp: 2;
  42. }
  43. .browsing .browsing_info .right_info .down_info {
  44. padding: 16rpx 0;
  45. display: flex;
  46. align-items: center;
  47. justify-content: space-between;
  48. }
  49. .browsing .browsing_info .right_info .down_info .price {
  50. font-size: 34rpx;
  51. color: #fd3030;
  52. font-weight: 700;
  53. }
  54. .browsing .delete {
  55. background: #e42929;
  56. color: #fff;
  57. height: 100%;
  58. padding: 100rpx 34rpx;
  59. }
  60. .browsing .bottom {
  61. width: 100%;
  62. height: 100rpx;
  63. }