details.wxss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. /* pages/details/details.wxss */
  2. @import "../../lib/weui.wxss";
  3. .container {
  4. display: flex;
  5. flex-direction: column;
  6. align-items: center;
  7. margin-top: 30rpx;
  8. box-shadow: 2px 2px 3px #e3e3e3e3;
  9. position: relative;
  10. width: 240rpx;
  11. height: 360rpx;
  12. }
  13. .container image{
  14. width: 100%;
  15. height: 100%;
  16. border-radius: 2px;
  17. }
  18. .description {
  19. width: 100%;
  20. position:absolute;
  21. z-index:2;
  22. left:0;
  23. bottom:0;
  24. background-color: white;
  25. }
  26. .goods-info{
  27. margin: 10px;
  28. }
  29. /* .goodsTitle{
  30. margin: 10px;
  31. } */
  32. .goodsName{
  33. font-size: 35rpx;
  34. }
  35. .goodsPrice{
  36. margin-top: 10px;
  37. margin-bottom: 10px;
  38. }
  39. .goodsbtm{
  40. margin-bottom: 10px;
  41. }
  42. .jprice{
  43. font-size: 40rpx;
  44. color: red;
  45. /* left: 10px; */
  46. }
  47. .fanli{
  48. position: absolute;
  49. right: 10px;
  50. /* width: 50px; */
  51. /* padding-right:10px; */
  52. font-size: 40rpx;
  53. /* position: absolute;
  54. padding-right: 10px;
  55. font-size: 40rpx; */
  56. }
  57. .yprice{
  58. color: rgb(153, 151, 151);
  59. font-size: 30rpx;
  60. text-decoration:line-through;
  61. }
  62. .xiaoliang{
  63. position: absolute;
  64. color: rgb(223, 219, 219);
  65. font-size: 30rpx;
  66. right: 10px;
  67. }
  68. .dianpu{
  69. color: rgb(153, 151, 151);
  70. font-size: 30rpx;
  71. }
  72. .goodsDetail{
  73. margin: 10px;
  74. font-size: 35rpx;
  75. color: rgb(121, 120, 120);
  76. }
  77. .goodsDesc{
  78. margin: 10px;
  79. font-size: 30rpx;
  80. color: rgb(121, 120, 120);
  81. }
  82. .slide-image{
  83. display: flex;
  84. flex-direction: row;
  85. justify-content: center;
  86. align-items: center;
  87. }
  88. .imagesize{
  89. display:flex;
  90. justify-content: center;
  91. }
  92. .imagesize image {
  93. }
  94. .scroll-view_H{
  95. display: flex;
  96. white-space: nowrap;
  97. width:700rpx;
  98. height: auto;
  99. margin:0 auto;
  100. }
  101. /* .banner{
  102. height: 100rpx;
  103. } */