highseas.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. @charset "UTF-8";
  2. /* 需要放到文件最上面 */
  3. /* 水平间距 */
  4. /* 水平间距 */
  5. /*
  6. 以下变量是默认值,如不需要修改可以不用给下面的变量重新赋值
  7. */
  8. /* 水平间距 */
  9. .project-container .project-box {
  10. background: #fff;
  11. }
  12. .project-container .project-item {
  13. padding: 30rpx;
  14. }
  15. .project-container .project-item .project-title {
  16. display: flex;
  17. align-items: center;
  18. }
  19. .project-container .project-item .title-line {
  20. width: 18rpx;
  21. height: 64rpx;
  22. background: #08979c;
  23. border-radius: 18rpx;
  24. }
  25. .project-container .project-item .title-label {
  26. font-size: 32rpx;
  27. font-weight: bold;
  28. margin-left: 20rpx;
  29. }
  30. .project-container .project-item .air-item {
  31. display: flex;
  32. align-items: center;
  33. margin-top: 20rpx;
  34. }
  35. .project-container .project-item .air-item .test-item {
  36. flex: 1;
  37. width: 0;
  38. overflow: hidden;
  39. text-align: center;
  40. position: relative;
  41. }
  42. .project-container .project-item .air-item .name {
  43. font-size: 24rpx;
  44. margin-bottom: 8rpx;
  45. line-height: 36rpx;
  46. color: #8c8c8c;
  47. }
  48. .project-container .project-item .air-item .number {
  49. font-size: 18px;
  50. color: #08979c;
  51. }
  52. .project-container .project-item .air-item .line {
  53. height: 32rpx;
  54. width: 2rpx;
  55. background: #d9d9d9;
  56. }
  57. .high-seas-container .nav {
  58. height: 100%;
  59. background: #fff;
  60. width: 100%;
  61. display: flex;
  62. align-items: center;
  63. justify-content: center;
  64. }
  65. .high-seas-container .nav .nav-city {
  66. height: 50rpx;
  67. max-width: 160rpx;
  68. min-width: 120rpx;
  69. border-radius: 50rpx;
  70. border: 1px solid #08979c;
  71. margin-left: 30rpx;
  72. box-sizing: border-box;
  73. display: flex;
  74. align-items: center;
  75. margin-bottom: 4rpx;
  76. }
  77. .high-seas-container .nav .nav-city .city-icon {
  78. margin-left: 10rpx;
  79. margin-top: 4rpx;
  80. }
  81. .high-seas-container .nav .nav-city .city-icon .uni-icons {
  82. color: #08979c !important;
  83. }
  84. .high-seas-container .nav .nav-city .city-name {
  85. color: #08979c;
  86. font-size: 24rpx;
  87. overflow: hidden;
  88. white-space: nowrap;
  89. text-overflow: ellipsis;
  90. padding: 0 20rpx 0 6rpx;
  91. }
  92. .high-seas-container .nav .nav-search {
  93. flex: 1;
  94. width: 0;
  95. border: 1px solid #d9d9d9;
  96. line-height: 1;
  97. padding-left: 30rpx;
  98. color: #8c8c8c;
  99. margin: 0 20rpx;
  100. box-sizing: border-box;
  101. margin-bottom: 4rpx;
  102. font-weight: 200;
  103. height: 64rpx;
  104. border-radius: 64rpx;
  105. line-height: 60rpx;
  106. }
  107. .high-seas-container .nav .wx-operation {
  108. margin-right: 8px;
  109. margin-bottom: 4rpx;
  110. }
  111. .high-seas-container .house-list {
  112. padding: 30rpx;
  113. }