goods-detail.wxss 1.1 KB

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