common.scss 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326
  1. /* common */
  2. body {
  3. font-size: 32rpx;
  4. }
  5. radio,checkbox {
  6. transform: scale(0.7)
  7. }
  8. /* 修改placeholder颜色 */
  9. .uni-input-placeholder{
  10. color:#999
  11. }
  12. /* 一行显示*/
  13. .inOneLine{
  14. white-space: nowrap;
  15. overflow: hidden;
  16. text-overflow: ellipsis;
  17. }
  18. /* 画面监控引入特殊字体 */
  19. @font-face {
  20. font-family: 'FANDOLFANG-REGULAR'; /* project id 2394829 */
  21. src: url('static/font/FANDOLFANG-REGULAR.OTF');
  22. }
  23. .searchSelect{
  24. position: -webkit-fixed;
  25. position: fixed;
  26. // top: 88rpx;
  27. top: var(--window-top);
  28. z-index: 999;
  29. -webkit-box-flex: 1;
  30. -webkit-flex: 1;
  31. flex: 1;
  32. -webkit-box-orient: vertical;
  33. -webkit-box-direction: normal;
  34. -webkit-flex-direction: column;
  35. flex-direction: column;
  36. overflow: hidden;
  37. background-color: #fff;
  38. width:254rpx;
  39. .search{
  40. min-height:80rpx;
  41. }
  42. .search-form{
  43. border:1px solid #E9E9E9;
  44. height:50rpx;
  45. line-height:50rpx;
  46. .cuIcon-search{
  47. color:#4074E7
  48. }
  49. input{
  50. padding-left:20rpx;
  51. padding-right:0rpx
  52. }
  53. }
  54. .select-item{
  55. padding:12rpx 32rpx;
  56. text-align:center;
  57. border-top:1px solid #E9E9E9;
  58. font-size:28rpx
  59. }
  60. }
  61. /* 九宫格样式 */
  62. .cu-list.grid>.cu-item uni-text {
  63. color: #333;
  64. font-size: 30rpx;
  65. }
  66. .cu-list.menu-avatar>.cu-item>.cu-avatar {
  67. left: 24rpx
  68. }
  69. .cu-list.menu-avatar>.cu-item .action {
  70. width: 132rpx
  71. }
  72. .iconfont.phone {
  73. color:#08BE04!important;
  74. font-size:45rpx;
  75. position:relative;
  76. top:6rpx;
  77. left:10rpx;
  78. }
  79. .iconfont.map{
  80. color:#4074E7!important;
  81. font-size:38rpx;
  82. }
  83. /* 列列表公共样式 */
  84. .processWrapper .cu-avatar {
  85. background-repeat: no-repeat;
  86. background-size: cover;
  87. background-color: #fff
  88. }
  89. .cu-avatar.lg {
  90. width: 90rpx;
  91. height: 90rpx
  92. }
  93. .cu-list.menu-avatar .cu-item {
  94. margin-left: 24rpx;
  95. padding: 30rpx 0;
  96. }
  97. .cu-list.menu-avatar>.cu-item>.cu-avatar {
  98. left: 0
  99. }
  100. .cu-list.menu-avatar>.cu-item .content {
  101. left: 120rpx;
  102. width: 580rpx;
  103. }
  104. .unProcess,.error {
  105. color: #FF4E00
  106. }
  107. .processed ,.online{
  108. color: #08BE04
  109. }
  110. /* 页面样式 */
  111. /* 站点列表页 */
  112. /* 筛选框 */
  113. .filter-section {
  114. /* position: fixed; */
  115. /* top: 88rpx; */
  116. width: 100%;
  117. z-index: 9
  118. }
  119. .cu-bar .search-form {
  120. background: #fff
  121. }
  122. .cu-btn {
  123. padding: 0 46rpx;
  124. }
  125. /* 站点列表 */
  126. .site-items {
  127. margin-top:100rpx;
  128. width: 100%;
  129. height: calc(100% - 100rpx);
  130. overflow: scroll
  131. }
  132. .site-items .site-tit {
  133. font-size: 32rpx;
  134. color: #333;
  135. justify-content: space-between;
  136. }
  137. .site-items .cu-avatar {}
  138. /* 新增按钮 */
  139. .site-wrapper .plus {
  140. position: fixed;
  141. bottom: 20rpx;
  142. right: 20rpx
  143. }
  144. .ding{
  145. position:fixed;
  146. width:100%;
  147. top: var(--window-top);
  148. // position: sticky;
  149. /* #ifdef H5 */
  150. // top: 44px;
  151. /* #endif */
  152. /* #ifndef H5 */
  153. // top: 0;
  154. /* #endif */
  155. z-index: 999;
  156. flex: 1;
  157. flex-direction: column;
  158. overflow: hidden;
  159. background-color: #ffffff;
  160. }
  161. /* 已处理未处理列表 */
  162. .processList .cu-list.menu-avatar .cu-item {
  163. height: 178rpx;
  164. }
  165. .pro-title {
  166. color: #333;
  167. }
  168. .pro-des,
  169. .pro-date {
  170. font-size: 28rpx;
  171. color: #666;
  172. }
  173. .pro-res {}
  174. .processList {
  175. margin-top:100rpx;
  176. /* position: fixed; */
  177. width: 100%;
  178. height: calc(100% - 100rpx);
  179. overflow-y: scroll;
  180. }
  181. /* 已处理未处理详情页样式 */
  182. .timeBox {
  183. height: 88rpx;
  184. background: #EFF4FF;
  185. line-height: 88rpx;
  186. .time {
  187. color: #333
  188. }
  189. }
  190. .info-tit {
  191. color: #4074E7;
  192. line-height: 90rpx;
  193. height: 90rpx;
  194. }
  195. /* // 基本信息 */
  196. .info-content>view {
  197. margin-left: 24rpx;
  198. border-bottom: 1px solid #EDEDED;
  199. line-height: 92rpx;
  200. color: #666;
  201. .checkMore {
  202. color: #4074E7!important
  203. }
  204. }
  205. .info-content view text:first-child {
  206. width: 160rpx;
  207. display: inline-block
  208. }
  209. .info-content view text:last-child {
  210. color:#333
  211. }
  212. .analyse-wrapper {
  213. .top-banner {
  214. width: 100%;
  215. height: 273rpx;
  216. background: url(/static/analyse-bg.png) no-repeat;
  217. background-size:cover;
  218. }
  219. .cu-list.menu-avatar .cu-item{
  220. margin:30rpx 0 0;
  221. margin-left:0;
  222. .cu-avatar{
  223. background-color:rgba(0,0,0,0);
  224. left:26rpx;
  225. }
  226. .content{
  227. left:130rpx;
  228. font-size:32rpx;
  229. }
  230. }
  231. }
  232. .submitBottomBtn {
  233. position: fixed;
  234. width: 100%;
  235. left:0;
  236. bottom: 44rpx;
  237. z-index: 999;
  238. background-color: #ffffff;
  239. }
  240. // 权限新增
  241. .siteItems{
  242. z-index:999;
  243. position:absolute;
  244. border:1px solid #eee;
  245. width:100%;
  246. .site-item{
  247. background:#fff;
  248. padding:10rpx;
  249. font-size:28rpx;
  250. }
  251. }
  252. .selectedBox .cuIcon-close{
  253. position:relative;
  254. top:3rpx;
  255. right:-10rpx;
  256. }
  257. .noResult{
  258. padding:0 20rpx;
  259. font-size:28rpx;
  260. color:#aaa
  261. }