main.wxss 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
  1. @charset "UTF-8";
  2. /* 需要放到文件最上面 */
  3. /* 水平间距 */
  4. /* 水平间距 */
  5. /*
  6. 以下变量是默认值,如不需要修改可以不用给下面的变量重新赋值
  7. */
  8. /* 水平间距 */
  9. /* 需要放到文件最上面 */
  10. /* 水平间距 */
  11. /* 水平间距 */
  12. /*
  13. 以下变量是默认值,如不需要修改可以不用给下面的变量重新赋值
  14. */
  15. /* 水平间距 */
  16. @font-face {
  17. font-family: "iconfont";
  18. /* Project id 4636045 */
  19. src: url(data:font/ttf;base64,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7DFPLEw+ElBvP0N3KFAwPAgBfwYGDg8UEhcSFQ0HQGNxYkEIAQk7VzJCaxc7WzM8NAwnMVsAAAAABAAAAAADfgMYACcAMAA6AEMAACUDNC4BIyEiDgEVAzMGHQEUFjsBMjY9ATQnIQYdARQWOwEyNj0BNCclIiY0NjIWFAYnNzQ2MyEyFhUXByImNDYyFhQGA34WHDEd/gEdMRwVSQEcE0ITGwEBMQEbE0MTGwH9zxgjIzAiIkIIIiYBqyYhCSoYIiIxIiJNAmcbLRsbLRv9mQUEFBMbGxMUBAUFBBQTGxsTFAQFYCIxIiIxItT9KSQkKf3UIjEiIjEiAAAAAAEAAP+ABHoDgQBPAAAFNTMWMzI3Njc+ASYnJicmNzQnLgEnJicmJy4BJyIGBwYHBgcGFxYHBgcGDwEGBwYeAhcWNzMVITUzNzY0LgEOAQ8BIyIGFBY7ARUjFSE1Ax4FEBAtGiYYHBMTHBUIAwEDAQMBByArDws3MDM5Cw0tHwgGAQEDCAsGAw4SBgUQKTohGRoM/nMsVQQIDxANA0SEDBERDEK2BHk34QIHCh0hUVIgIykODxISAw4CNCgxPy0rAisvPi0jLxkaFxccHAsNHSAkHz0xHAECAt90ngcQDgcBCQiAERgRdUtLAAAAAAASAN4AAQAAAAAAAAATAAAAAQAAAAAAAQAIABMAAQAAAAAAAgAHABsAAQAAAAAAAwAIACIAAQAAAAAABAAIACoAAQAAAAAABQALADIAAQAAAAAABgAIAD0AAQAAAAAACgArAEUAAQAAAAAACwATAHAAAwABBAkAAAAmAIMAAwABBAkAAQAQAKkAAwABBAkAAgAOALkAAwABBAkAAwAQAMcAAwABBAkABAAQANcAAwABBAkABQAWAOcAAwABBAkABgAQAP0AAwABBAkACgBWAQ0AAwABBAkACwAmAWNDcmVhdGVkIGJ5IGljb25mb250aWNvbmZvbnRSZWd1bGFyaWNvbmZvbnRpY29uZm9udFZlcnNpb24gMS4waWNvbmZvbnRHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AGkAYwBvAG4AZgBvAG4AdABSAGUAZwB1AGwAYQByAGkAYwBvAG4AZgBvAG4AdABpAGMAbwBuAGYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG4AZgBvAG4AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAECAQMBBAEFAQYBBwEIAQkABWdvdXd1CHpoaXNoaWt1CHR1Ymlhb18tBHdpZmkKeXVuemhpbmVuZwhqaWFvdG9uZwhnb25neXVhbgAAAA==) format('truetype');
  20. }
  21. .iconfont {
  22. font-family: "iconfont" !important;
  23. font-size: 16px;
  24. font-style: normal;
  25. -webkit-font-smoothing: antialiased;
  26. -moz-osx-font-smoothing: grayscale;
  27. }
  28. .icon-gouwu:before {
  29. content: "\e7ed";
  30. }
  31. .icon-zhishiku:before {
  32. content: "\e684";
  33. }
  34. .icon-tubiao_-:before {
  35. content: "\e6ff";
  36. }
  37. .icon-wifi:before {
  38. content: "\ec81";
  39. }
  40. .icon-yunzhineng:before {
  41. content: "\e696";
  42. }
  43. .icon-jiaotong:before {
  44. content: "\e634";
  45. }
  46. .icon-gongyuan:before {
  47. content: "\e617";
  48. }
  49. .inherit-icons {
  50. display: inherit;
  51. }
  52. .form-box .uni-forms {
  53. background: #fff;
  54. border-radius: 16rpx;
  55. padding: 30rpx;
  56. box-shadow: 0px 1px 12px rgba(3, 3, 3, 0.08);
  57. }
  58. .form-box .uni-forms .uni-forms-item__label {
  59. color: #1f1f1f;
  60. padding-bottom: 0 !important;
  61. }
  62. .form-box .uni-forms .uni-easyinput__content {
  63. border-radius: 84rpx;
  64. }
  65. .form-box .uni-forms .uni-easyinput__content-input {
  66. height: 80rpx;
  67. }
  68. .form-box .uni-forms .uni-easyinput__placeholder-class {
  69. color: #8c8c8c !important;
  70. font-size: 28rpx !important;
  71. font-weight: 300 !important;
  72. }
  73. .form-box .uni-forms .uni-forms-item {
  74. margin-bottom: 20rpx;
  75. }
  76. .form-box .select-box {
  77. height: 84rpx;
  78. border-radius: 84rpx;
  79. border: 1px solid #d9d9d9;
  80. position: relative;
  81. line-height: 82rpx;
  82. box-sizing: border-box;
  83. padding-left: 10px;
  84. }
  85. .form-box .select-box .select-label {
  86. color: #8c8c8c;
  87. font-weight: 300;
  88. }
  89. .form-box .select-box .form-icon {
  90. position: absolute;
  91. right: 30rpx;
  92. top: 0rpx;
  93. }
  94. .hui-button-box {
  95. position: absolute;
  96. height: 100rpx;
  97. background-color: #ffffff;
  98. box-shadow: 0px 2px 10px rgba(3, 3, 3, 0.1);
  99. position: fixed;
  100. bottom: 0;
  101. left: 0;
  102. right: 0;
  103. display: flex;
  104. align-items: center;
  105. }
  106. .hui-button-box .hui-button {
  107. height: 68rpx;
  108. border-radius: 68rpx;
  109. color: #ffffff;
  110. background: #08979c;
  111. border: 1px solid #08979c;
  112. flex: 1;
  113. display: flex;
  114. align-items: center;
  115. justify-content: center;
  116. margin: 0 30rpx;
  117. }
  118. .hui-button-box .hui-button.hui-button-light {
  119. color: #08979c;
  120. background: #fff;
  121. }
  122. .hui-button-box .hui-button-icon {
  123. margin-right: 10rpx;
  124. }
  125. button[type=primary] {
  126. background: #08979c;
  127. }
  128. .fans-list {
  129. padding: 0 30rpx;
  130. box-sizing: border-box;
  131. }
  132. .fans-list .fans-item {
  133. height: 140rpx;
  134. background-color: #ffffff;
  135. border-radius: 16rpx;
  136. box-shadow: 0px 1px 12px rgba(3, 3, 3, 0.08);
  137. display: flex;
  138. align-items: center;
  139. padding: 0 30rpx;
  140. }
  141. .fans-list .fans-avatar {
  142. width: 100rpx;
  143. height: 100rpx;
  144. border-radius: 100rpx;
  145. }
  146. .fans-list .fans-content {
  147. flex: 1;
  148. width: 0;
  149. margin-left: 20rpx;
  150. }
  151. .fans-list .fans-name {
  152. font-size: 32rpx;
  153. }
  154. .fans-list .fans-organization {
  155. color: #8c8c8c;
  156. font-weight: 300;
  157. margin-top: 4rpx;
  158. font-size: 24rpx;
  159. }
  160. .fans-list .fans-icon {
  161. width: 80rpx;
  162. height: 80rpx;
  163. border-radius: 50%;
  164. background: #08979c;
  165. text-align: center;
  166. line-height: 80rpx;
  167. }
  168. .status-tag {
  169. height: 52rpx;
  170. border-radius: 52rpx;
  171. line-height: 52rpx;
  172. padding: 0 30rpx;
  173. font-size: 24rpx;
  174. color: #fff;
  175. }
  176. .status-tag.success {
  177. background-color: #389e0d;
  178. }
  179. .status-tag.primary {
  180. background-color: #08979c;
  181. }
  182. .status-tag.info {
  183. background-color: #8f939c;
  184. }
  185. .status-tag.warning {
  186. background-color: #fa8c16;
  187. }
  188. .status-tag.error {
  189. background-color: #ff4d4f;
  190. }
  191. .common-list {
  192. padding: 0 30rpx;
  193. box-sizing: border-box;
  194. }
  195. .common-list .common-item {
  196. background-color: #ffffff;
  197. border-radius: 16rpx;
  198. box-shadow: 0px 1px 12px rgba(3, 3, 3, 0.08);
  199. padding: 30rpx;
  200. position: relative;
  201. }
  202. .common-list .common-item .icon {
  203. position: absolute;
  204. top: 30rpx;
  205. right: 30rpx;
  206. }
  207. .common-list .common-item .title {
  208. font-size: 32rpx;
  209. font-weight: 600;
  210. }
  211. .common-list .common-item .date {
  212. font-size: 24rpx;
  213. color: #8c8c8c;
  214. margin: 10rpx 0;
  215. }
  216. .common-list .common-item .space {
  217. font-size: 24rpx;
  218. }
  219. .common-list .common-item .other {
  220. margin-top: 20rpx;
  221. }
  222. .common-list .common-item .other .item {
  223. margin-top: 16rpx;
  224. }
  225. .common-list .common-item .other .label {
  226. color: #8c8c8c;
  227. font-size: 24rpx;
  228. }
  229. .common-list .common-item .other .value {
  230. margin-top: 6rpx;
  231. font-weight: 400;
  232. }
  233. .common-list .common-item .state {
  234. margin-top: 20rpx;
  235. display: flex;
  236. justify-content: space-between;
  237. }
  238. .common-list .common-item .state .create {
  239. height: 48rpx;
  240. border-radius: 48rpx;
  241. border: 1px solid #08979c;
  242. display: flex;
  243. align-items: center;
  244. color: #08979c;
  245. padding: 0 10rpx;
  246. }
  247. .common-list .common-item .state .create .name {
  248. font-size: 24rpx;
  249. flex: 1;
  250. max-width: 150rpx;
  251. min-width: 70rpx;
  252. overflow: hidden;
  253. margin-left: 10rpx;
  254. line-height: 36rpx;
  255. padding-right: 10rpx;
  256. }
  257. page {
  258. color: #1f1f1f;
  259. font-size: 28rpx;
  260. background: #f2f2f2;
  261. }
  262. page .image {
  263. width: 100%;
  264. height: 100%;
  265. }