detail.wxss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. /* pagesPublic/pages/tdcr/details/detail.wxss */
  2. .main {
  3. height: 100vh;
  4. background-size: 100% 100%;
  5. display: flex;
  6. flex-direction: column;
  7. }
  8. .header {
  9. color: white;
  10. text-align: center;
  11. font-family: PingFang SC;
  12. font-weight: 800;
  13. font-size: 42rpx;
  14. width: 96vw;
  15. display: flex;
  16. justify-content: center;
  17. align-items: center;
  18. }
  19. .map-content {
  20. background-size: 100% 100%;
  21. height: 30vh;
  22. width: 96vw;
  23. margin: 0 auto;
  24. margin-top: 3vh;
  25. display: flex;
  26. justify-content: center;
  27. align-items: center;
  28. }
  29. .map {
  30. width: 97%;
  31. height: 96%;
  32. }
  33. .tab {
  34. width: 96vw;
  35. margin: 0 auto;
  36. margin-top: 2vh;
  37. display: flex;
  38. flex-direction: row;
  39. }
  40. .tab-item {
  41. width: 25vw;
  42. text-align: center;
  43. background-size: 100% 100%;
  44. color: white;
  45. height: 60rpx;
  46. line-height: 60rpx;
  47. font-family: SourceHanSansCN;
  48. font-weight: bold;
  49. font-size: 30rpx;
  50. }
  51. .content {
  52. width: 96vw;
  53. margin: 0 auto;
  54. height: 40vh;
  55. background-size: 100% 100%;
  56. margin-top: 1vh;
  57. overflow-y: auto;
  58. }
  59. .bottom-btn {
  60. width: 96vw;
  61. margin: 0 auto;
  62. height: 5vh;
  63. background-size: 100% 100%;
  64. margin-top: 10rpx;
  65. display: flex;
  66. align-items: center;
  67. justify-content: center;
  68. }
  69. .bottom-btn text {
  70. font-family: Microsoft YaHei;
  71. font-weight: bold;
  72. font-size: 36rpx;
  73. color: white;
  74. margin-left: 3vw;
  75. }
  76. .bottom-btn image {
  77. width: 40rpx;
  78. height: 40rpx;
  79. }
  80. @import './wxml/survey.wxss';
  81. @import './wxml/info.wxss';
  82. @import './wxml/periphery.wxss';
  83. @import './wxml/ohter.wxss';
  84. .go-back {
  85. height: 60rpx;
  86. width: 60rpx;
  87. position: absolute;
  88. left: 2vw;
  89. }