projectSelectView.wxss 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366
  1. /* pages/buyer/buyer.wxss */
  2. .viewBox {
  3. position: fixed;
  4. width: 100%;
  5. height: 100%;
  6. overflow: hidden;
  7. }
  8. .projectToolBar{
  9. background-color: wheat;
  10. height: 100rpx;
  11. display: flex;
  12. flex-direction: row;
  13. width: 100%;
  14. }
  15. .toolBarTitle{
  16. width: 50%;
  17. height: 100%;
  18. padding-left:20rpx;
  19. display: flex;
  20. flex-direction: column;
  21. justify-content: center;
  22. }
  23. .toolBarTitle text{
  24. color: darkcyan;
  25. font-size: 32rpx;
  26. }
  27. .toolBarButton-right{
  28. display: flex;
  29. flex-direction: row;
  30. justify-content: flex-end;
  31. width: 50%;
  32. }
  33. .toolBarButton{
  34. display: flex;
  35. flex-direction: column;
  36. justify-content: center;
  37. }
  38. .toolBarButton text{
  39. border-bottom: 1px black solid;
  40. font-size: 32rpx;
  41. margin-right: 20rpx;
  42. color: darkcyan;
  43. height:50rpx;
  44. width: 80rpx;
  45. text-align: center;
  46. }
  47. .mapBox {
  48. height: 50%;
  49. width: 100%;
  50. }
  51. .reportBox {
  52. height: 50%;
  53. width: 100%;
  54. display: flex;
  55. flex-direction: column;
  56. white-space: nowrap;
  57. overflow: hidden;
  58. }
  59. .reportBox .desc{
  60. height: 100px;
  61. width: 100%;
  62. display: flex;
  63. flex-direction: row;
  64. white-space: nowrap;
  65. }
  66. .inputBox {
  67. width: 70%;
  68. height: 100%;
  69. display: inline-flex;
  70. flex-direction: row;
  71. justify-content: flex-start;
  72. align-items: center;
  73. padding-left: 20rpx;
  74. }
  75. .input {
  76. width: 100%;
  77. height: 60rpx;
  78. background-color: transparent;
  79. font-size: 30rpx;
  80. border-bottom: 1px gray solid;
  81. }
  82. .reportButton {
  83. width: 30%;
  84. height: 100%;
  85. display: inline-flex;
  86. flex-direction: row;
  87. justify-content: flex-end;
  88. align-items: center;
  89. }
  90. .reportIcon {
  91. height: 75rpx;
  92. width: 100rpx;
  93. margin-right: 40rpx;
  94. opacity: 0.8
  95. }
  96. .controls {
  97. position: relative;
  98. top: 10%;
  99. height: 280rpx;
  100. width: 80%;
  101. left: 10%;
  102. background-color: whitesmoke;
  103. }
  104. .title {
  105. width: 100%;
  106. height: 100rpx;
  107. background-color: #5C6F73;
  108. font-size: 18rpx;
  109. color: blue;
  110. display: flex;
  111. flex-direction: row;
  112. white-space: nowrap;
  113. justify-content: flex-start;
  114. }
  115. .desc {
  116. width: 100%;
  117. height: 180rpx;
  118. display: block;
  119. background-color: whitesmoke;
  120. font-size: 30rpx;
  121. white-space: pre-line;
  122. color: black;
  123. padding: 10rpx;
  124. }
  125. .look{
  126. color:lightblue;
  127. font-size: 22rpx;
  128. border-bottom: 1px blue solid;
  129. display:flex;
  130. flex-direction: column;
  131. justify-content: center;
  132. margin-left: 50rpx;
  133. }
  134. .headIcon {
  135. width: 80rpx;
  136. height: 80rpx;
  137. margin: 10rpx;
  138. border-radius: 10rpx;
  139. }
  140. .name {
  141. height: 100rpx;
  142. font-size: 30rpx;
  143. margin-left: 20rpx;
  144. color: whitesmoke;
  145. display:flex;
  146. flex-direction: column;
  147. justify-content: center;
  148. }
  149. .orgName{
  150. display: flex;
  151. flex-direction: row;
  152. }
  153. .org-block{
  154. /* display: flex;
  155. flex-direction: column;
  156. justify-content: start;
  157. padding-top: 10rpx;
  158. padding-bottom: 10rpx; */
  159. height: 100%;
  160. width: 100%;
  161. /* background-color: red; */
  162. }
  163. .org-list-box{
  164. height: 100%;
  165. width: 100%;
  166. /* background-color: green; */
  167. }
  168. .sv{
  169. width: 100%;
  170. height: 100%;
  171. flex: 1;
  172. display: flex;
  173. flex-direction: column;
  174. }
  175. .weui-cells{
  176. width: 95%;
  177. height: 145rpx;
  178. position: relative;
  179. background: white;
  180. border-radius: 4px;
  181. margin-bottom: 5px;
  182. left: 8px;
  183. display: flex;
  184. align-items: center;
  185. margin-top: 8px;
  186. }
  187. .time-select{
  188. margin-left:10rpx;
  189. display: flex;
  190. flex-direction: column;
  191. justify-content: center;
  192. align-items: left;
  193. height: 50px;
  194. }
  195. .location-info{
  196. position: relative;
  197. top: 0rpx;
  198. width: 80%;
  199. left: 0rpx;
  200. width:100%;
  201. height:200rpx;
  202. background-color: rgba(0,0,0,0.3);
  203. }
  204. .location-info-text{
  205. font-size: 26rpx;
  206. color:white;
  207. margin-left:10rpx;
  208. margin-top:10rpx;
  209. }
  210. view.search {
  211. display: flex;
  212. flex-direction: row;
  213. height: 100rpx;
  214. width: 100%;
  215. background: #efeff4;
  216. align-items: center;
  217. margin-bottom: 5px;
  218. }
  219. view.searchItem {
  220. display: flex;
  221. width: 70%;
  222. height: 70rpx;
  223. background: #fff;
  224. flex-direction: row;
  225. border-radius: 10rpx;
  226. margin-left: 16rpx;
  227. }
  228. view.searchItem image {
  229. height: 40rpx;
  230. width: 40rpx;
  231. align-self: center;
  232. margin-left: 10rpx;
  233. margin-right: 20rpx;
  234. }
  235. view.searchItem input {
  236. flex: 1;
  237. font-size:30rpx;
  238. padding-top: 7px;
  239. padding-left: 10px;
  240. }
  241. .button-sub{
  242. padding-left: 15px;
  243. display: flex;
  244. align-items: center;
  245. }
  246. .progList{
  247. height: 100%;
  248. width: 100%;
  249. display: flex;
  250. flex-direction: column;
  251. }
  252. .view-block{
  253. display: flex;
  254. flex-direction: column;
  255. justify-content: start;
  256. padding-top: 10rpx;
  257. padding-bottom: 10rpx;
  258. height: 100%;
  259. }
  260. .list-box{
  261. height: 100px;
  262. width: 100%;
  263. }
  264. .sv{
  265. width: 100%;
  266. flex: 1;
  267. }
  268. .listImage{
  269. height: 20px;
  270. width: 20px;
  271. margin-right: 5px;
  272. margin-left: 5px;
  273. }
  274. .mini-btn{
  275. height: 22px;
  276. width: 50px;
  277. }
  278. .rtuCount{
  279. display: flex;
  280. flex-direction: row;
  281. }
  282. .rtuNum{
  283. margin-right: 10px;
  284. }
  285. .proTextbox{
  286. width: 450rpx;
  287. overflow:hidden;
  288. text-overflow:ellipsis;
  289. white-space:nowrap;
  290. }
  291. .button-check{
  292. height: 100%;
  293. display: flex;
  294. justify-content: center;
  295. flex-direction: column;
  296. }
  297. .check-btn{
  298. height: 22px;
  299. width: 60px;
  300. background-color: #669999;
  301. }
  302. .btn-hover-class{
  303. background-color:coral;
  304. }