goods-detail.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. .swiper {
  2. height: 470rpx;
  3. }
  4. swiper-item {
  5. text-align: center;
  6. }
  7. .banner-img {
  8. width: 100%;
  9. height: 470rpx;
  10. }
  11. .container {
  12. margin-top: 36rpx;
  13. }
  14. .goods-name-w {
  15. border-bottom: 1px solid #ebebeb;
  16. padding-bottom: 32rpx;
  17. }
  18. .goods-name {
  19. font-size: 40rpx;
  20. color: #111;
  21. font-weight: bold;
  22. }
  23. .goods-price {
  24. color: #17D2D2;
  25. font-size: 34rpx;
  26. margin-top: 10rpx;
  27. }
  28. .goods-info-w {
  29. padding: 35rpx 0;
  30. font-size: 30rpx;
  31. color: #131d34;
  32. font-weight: 400;
  33. border-bottom: 1px solid #ebebeb;
  34. }
  35. .label {
  36. color: #909090;
  37. }
  38. .goods-detail-img {
  39. padding-top: 40rpx;
  40. }
  41. .goods-detail-img image {
  42. height: auto;
  43. }
  44. .actions-w {
  45. width: 100%;
  46. position: fixed;
  47. left: 0;
  48. bottom: 0;
  49. padding: 28rpx 46rpx;
  50. background: #fff;
  51. box-shadow:0px -2px 8px rgba(0,0,0,0.05);
  52. z-index: 100;
  53. }
  54. .actions-w>view {
  55. display: flex;
  56. justify-content: space-between;
  57. }
  58. .button {
  59. width: 316rpx;
  60. height: 90rpx;
  61. line-height: 86rpx;
  62. border: 2rpx solid #909090;
  63. border-radius: 8rpx;
  64. background: #fff;
  65. text-align: center;
  66. font-weight: bold;
  67. }
  68. .submit {
  69. background: #17D2D2;
  70. border-color: #17D2D2;
  71. }
  72. .info-item {
  73. margin-bottom: 12rpx;
  74. }
  75. rich-text image {
  76. margin: 0 auto;
  77. }