index.less 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. /* nova-tourism/pages/collect/collect-detail/index.wxss */
  2. .all{
  3. width: 100vw;
  4. overflow-y: scroll;
  5. position: relative;
  6. .picturebox{
  7. width: 100%;
  8. height: 500rpx;
  9. position: relative;
  10. .img{
  11. width: 100%;
  12. height: 500rpx;
  13. image{
  14. width: 100%;
  15. height: 100%;
  16. }
  17. }
  18. .numberbox{
  19. position: absolute;
  20. bottom: 40rpx;
  21. right: 20rpx;
  22. border-radius: 45%;
  23. z-index: 10;
  24. color: white;
  25. width: 70rpx;
  26. height: 45rpx;
  27. font-size: 24rpx;
  28. display: flex;
  29. justify-content: center;
  30. align-items: center;
  31. background-color: rgba(12, 12, 12, 0.5);
  32. }
  33. }
  34. .infobox{
  35. width: 100%;
  36. height: auto;
  37. position: absolute;
  38. top: 498rpx;
  39. left: 0;
  40. padding: 40rpx;
  41. border-top-left-radius: 20rpx;
  42. border-top-right-radius: 20rpx;
  43. background-color: white;
  44. .title{
  45. width: 100%;
  46. height: 90rpx;
  47. font-size: 30rpx;
  48. }
  49. .lebalbox{
  50. width: 100%;
  51. height: 60rpx;
  52. display: flex;
  53. margin-top: 10rpx;
  54. .lebal{
  55. font-size: 30rpx;
  56. border-radius: 15rpx;
  57. padding-left: 20rpx;
  58. padding-right: 20rpx;
  59. background-color: #FBF5E1;
  60. color: #F8BB7F;
  61. margin-right: 20rpx;
  62. display: flex;
  63. justify-content: center;
  64. align-items: center;
  65. }
  66. }
  67. .carbox{
  68. width: 100%;
  69. height: 60rpx;
  70. display: flex;
  71. margin-top: 10rpx;
  72. display:flex ;
  73. align-items: center;
  74. image{
  75. width: 48rpx;
  76. height: 40rpx;
  77. }
  78. .car-tex{
  79. font-size: 28rpx;
  80. color: #F8BB7F;
  81. margin-left: 10rpx;
  82. }
  83. }
  84. }
  85. }