project.wxss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. @charset "UTF-8";
  2. /* 需要放到文件最上面 */
  3. /* 水平间距 */
  4. /* 水平间距 */
  5. /*
  6. 以下变量是默认值,如不需要修改可以不用给下面的变量重新赋值
  7. */
  8. /* 水平间距 */
  9. .project-detail {
  10. background: #fff;
  11. padding-bottom: 60rpx;
  12. }
  13. .project-detail .swiper {
  14. height: 400rpx;
  15. }
  16. .project-detail .swiper .image {
  17. width: 100%;
  18. height: 100%;
  19. }
  20. .project-detail .project-label {
  21. font-size: 24rpx;
  22. color: #8c8c8c;
  23. font-weight: 300;
  24. }
  25. .project-detail .project-article {
  26. font-size: 28rpx;
  27. padding: 0 30rpx;
  28. }
  29. .project-detail .project-title {
  30. padding: 40rpx 130rpx 30rpx 30rpx;
  31. position: relative;
  32. }
  33. .project-detail .project-title .project-name {
  34. font-size: 36rpx;
  35. font-weight: 500;
  36. }
  37. .project-detail .project-title .project-label {
  38. margin-top: 6rpx;
  39. }
  40. .project-detail .project-title .wx-icon {
  41. position: absolute;
  42. top: 0;
  43. right: 30rpx;
  44. -webkit-transform: translateY(50%);
  45. transform: translateY(50%);
  46. line-height: 1;
  47. background: transparent;
  48. }
  49. .project-detail .project-title .wx-icon::after {
  50. display: none;
  51. }
  52. .project-detail .content-map {
  53. width: 100%;
  54. height: 360rpx;
  55. border-radius: 16rpx;
  56. overflow: hidden;
  57. display: flex;
  58. }
  59. .project-detail .content-map .map {
  60. flex: 1;
  61. height: 100%;
  62. border-radius: 16rpx;
  63. }
  64. .project-detail .project-content {
  65. padding: 0 30rpx;
  66. box-sizing: border-box;
  67. }
  68. .project-detail .project-content .content-title {
  69. font-size: 32rpx;
  70. font-weight: 500;
  71. margin: 30rpx 0;
  72. }
  73. .project-detail .project-content .content-device {
  74. display: flex;
  75. flex-wrap: wrap;
  76. }
  77. .project-detail .project-content .content-device .device-item {
  78. width: 50%;
  79. display: flex;
  80. align-items: center;
  81. margin-bottom: 20rpx;
  82. }
  83. .project-detail .project-content .content-device .device-item .device-label {
  84. flex: 1;
  85. width: 0;
  86. color: #8c8c8c;
  87. font-weight: 200;
  88. margin-left: 10rpx;
  89. }
  90. .project-detail .project-content .content-device .device-item .device-icon {
  91. color: #434343;
  92. }