project.wxss 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  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. }
  47. .project-detail .content-map {
  48. width: 100%;
  49. height: 360rpx;
  50. border-radius: 16rpx;
  51. overflow: hidden;
  52. display: flex;
  53. }
  54. .project-detail .content-map .map {
  55. flex: 1;
  56. height: 100%;
  57. border-radius: 16rpx;
  58. }
  59. .project-detail .project-content {
  60. padding: 0 30rpx;
  61. box-sizing: border-box;
  62. }
  63. .project-detail .project-content .content-title {
  64. font-size: 32rpx;
  65. font-weight: 500;
  66. margin: 30rpx 0;
  67. }
  68. .project-detail .project-content .content-device {
  69. display: flex;
  70. flex-wrap: wrap;
  71. }
  72. .project-detail .project-content .content-device .device-item {
  73. width: 50%;
  74. display: flex;
  75. align-items: center;
  76. margin-bottom: 20rpx;
  77. }
  78. .project-detail .project-content .content-device .device-item .device-label {
  79. flex: 1;
  80. width: 0;
  81. color: #8c8c8c;
  82. font-weight: 200;
  83. margin-left: 10rpx;
  84. }
  85. .project-detail .project-content .content-device .device-item .device-icon {
  86. color: #434343;
  87. }