details.wxss 1.3 KB

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