detail.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .uni-margin-wrap .swiper {
  2. width: 100%;
  3. height: 600rpx;
  4. }
  5. .uni-margin-wrap .swiper image {
  6. width: 100%;
  7. height: 100%;
  8. }
  9. .shopcart-button .left .van-button--normal {
  10. width: 50%;
  11. background-color: #595959;
  12. border: 1px solid #595959;
  13. }
  14. .shopcart-button .right .van-button--normal {
  15. width: 50%;
  16. }
  17. .message .name {
  18. font-size: 38rpx;
  19. }
  20. .message .collect {
  21. margin-left: 10rpx;
  22. font-size: 38rpx;
  23. }
  24. .message .tip .van-col--20 {
  25. font-size: 20rpx;
  26. margin-top: 22rpx;
  27. }
  28. .message .price .van-col--20 {
  29. margin-top: 18rpx;
  30. font-size: 28rpx;
  31. color: red;
  32. }
  33. .message .price .van-col--20 text {
  34. font-size: 41rpx;
  35. }
  36. .prop-selected {
  37. color: #FFF !important;
  38. background-color: red !important;
  39. }
  40. .prod-info .van-tag {
  41. color: #ee0a24;
  42. margin-left: 1rem;
  43. padding: 0.3rem;
  44. }
  45. .other {
  46. display: flex;
  47. height: 100rpx;
  48. align-items: center;
  49. justify-content: space-between;
  50. padding: 0 15rpx;
  51. }
  52. .other .name {
  53. font-size: 40rpx;
  54. font-size: 36rpx;
  55. padding-left: 6px;
  56. }
  57. .word {
  58. height: 100rpx;
  59. width: 100%;
  60. display: flex;
  61. justify-content: space-around;
  62. align-items: center;
  63. margin: 15rpx 0;
  64. }
  65. .word view {
  66. padding: 20rpx;
  67. text-align: center;
  68. }