case.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282
  1. /*************和案件有关的样式集*********************/
  2. /* 按钮样式 */
  3. .wc-btn {
  4. height: 40px;
  5. padding: 0px;
  6. font-size: 16px;
  7. margin: 5px;
  8. width: calc(100% - 10px);
  9. }
  10. /* 一条案件数据 */
  11. .wc-row {
  12. width: 100%;
  13. }
  14. /* 一条案件的标题行背景 */
  15. .wc-row-title-content {
  16. width: 100%;
  17. height: 40px;
  18. line-height: 40px;
  19. background-color: rgb(255, 255, 255);
  20. border-radius: 3px 3px 0px 0px;
  21. }
  22. /* 导航按钮背景 */
  23. .wc-btn-nav {
  24. background-color: rgb(115, 140, 238) !important;
  25. border: solid 0px rgb(255, 255, 255) !important;
  26. }
  27. /* 详情按钮背景 */
  28. .wc-btn-info {
  29. background-color: rgb(49, 83, 242) !important;
  30. border: solid 0px rgb(255, 255, 255) !important;
  31. }
  32. /* 定位按钮背景 */
  33. .wc-btn-location {
  34. background-color: rgb(115, 140, 238) !important;
  35. border: solid 0px rgb(255, 255, 255) !important;
  36. }
  37. /* 查询按钮背景 */
  38. .wc-btn-query {
  39. background-color: rgb(115, 140, 238) !important;
  40. border: solid 0px rgb(255, 255, 255) !important;
  41. }
  42. /* 标题行的图标样式 */
  43. .wc-ico {
  44. width: 30px;
  45. height: 30px;
  46. border-radius: 15px;
  47. /* background-color: #fbf8ff; */
  48. /* background-color: #0000FF; */
  49. color: #765075;
  50. font-weight: bold;
  51. line-height: 30px;
  52. position: relative;
  53. top: calc(50% - 15px);
  54. left: 5px;
  55. float: left;
  56. display: flex;
  57. justify-content: center;
  58. align-items: center;
  59. }
  60. /* 案件图标内图片的样式 */
  61. .wc-ico>img {
  62. width: 20px;
  63. height: 20px;
  64. }
  65. /* 案件字体图标样式 */
  66. .wc-ico span {
  67. font-size: 24px;
  68. color: #0062CC;
  69. margin-left: 3px;
  70. margin-top: 3px;
  71. }
  72. /* 标题行的案件名称样式 */
  73. .wc-title {
  74. float: left;
  75. font-size: 16px;
  76. font-weight: bold;
  77. position: relative;
  78. left: 5px;
  79. }
  80. /* 案件状态上标样式 */
  81. .wc-title>sup {
  82. color: rgb(115, 140, 238);
  83. }
  84. /* 标题行的行政区标识样式 */
  85. .wc-xzq {
  86. float: right;
  87. height: 40px;
  88. line-height: 40px;
  89. position: relative;
  90. right: 10px;
  91. }
  92. /* 标题行行政区的所属乡镇样式 */
  93. .wc-xzq-ssxz {
  94. height: 20px;
  95. line-height: 20px;
  96. font-size: 12px;
  97. font-weight: bold;
  98. text-align: center;
  99. }
  100. /* 标题行的行政区的所属村庄样式 */
  101. .wc-xzq-sscz {
  102. font-size: 10px;
  103. font-weight: normal;
  104. }
  105. /* 案件中按钮行的样式 */
  106. .wc-btn-content {
  107. width: 100%;
  108. padding-bottom: 30px;
  109. height: 34px;
  110. line-height: 34px;
  111. bottom: 0px;
  112. display: flex;
  113. flex-direction: row;
  114. }
  115. /* 案件中按钮的样式 目前按照4个案件的布局设计 */
  116. .wc-btn-child {
  117. position: relative;
  118. flex: 1;
  119. border-radius: 3px;
  120. margin-left: 3px;
  121. margin-right: 3px;
  122. height: 34px !important;
  123. border: solid 0px rgb(255, 0, 0);
  124. /* background-color: rgb(115, 140, 0) !important; */
  125. }
  126. /* 主要内容背景样式 */
  127. .wc-main-content {
  128. padding: 5px;
  129. }
  130. /* 主要内容-人员样式 */
  131. .wc-main-content h4 {
  132. font-size: 14px;
  133. padding: 3px 0px 0px 0px;
  134. font-weight: bold;
  135. color: #32373b;
  136. }
  137. /* 标签内的图标样式 */
  138. .wc-main-content h4 span {
  139. font-size: 14px;
  140. padding: 3px 0px 0px 0px;
  141. font-weight: bold;
  142. color: #32373b;
  143. }
  144. /* 主要内容-日期样式 */
  145. .wc-main-content h5 {
  146. font-size: 16px;
  147. padding: 3px 0px 0px 0px;
  148. font-weight: bold;
  149. color: #32373b;
  150. }
  151. /* 主要内容-明细样式 */
  152. .wc-main-content p {
  153. font-size: 13px;
  154. padding: 3px 0px 0px 0px;
  155. font-weight: bold;
  156. color: #0b5890;
  157. }
  158. /* 标签前置图标样式 */
  159. .wc-span {
  160. font-size: 12px;
  161. font-weight: bold;
  162. font-family: "microsoft yahei";
  163. }
  164. /* 标签文字样式 */
  165. .wc-span-icon {
  166. font-size: 12px;
  167. font-family: "microsoft yahei";
  168. }
  169. /* 标签行样式 */
  170. .wc-div-row {
  171. height: 24px;
  172. width: 100%;
  173. position: relative;
  174. }
  175. /* 案件容器的样式*/
  176. .wc-li {
  177. background-color: rgb(230, 230, 230);
  178. padding: 0px 0px 5px 0px;
  179. margin: 0px 0px 10px 0px;
  180. border-radius: 5px;
  181. }
  182. /* 地图案件容器样式 */
  183. .wc-li-map {
  184. margin: 50px 10px 10px 10px;
  185. padding: 0px;
  186. border-radius: 10px;
  187. }
  188. /* 地图案件案件标题容器样式 */
  189. .wc-li-map .wc-row-title-content {
  190. background-color: rgba(255, 255, 0, 0);
  191. }
  192. /* 地图案件行样式 */
  193. .wc-li-map-row {
  194. display: flex;
  195. flex-direction: row;
  196. background-color: rgba(255, 255, 255, 1);
  197. padding: 5px;
  198. border-radius: 5px;
  199. height: 160px;
  200. }
  201. /* 地图案件行内容列样式 */
  202. .wc-map-column-content {
  203. width: calc(100% - 90px);
  204. }
  205. /* 地图案件行按钮列样式 */
  206. .wc-map-column-button {
  207. width: 90px;
  208. display: flex;
  209. flex-direction: column;
  210. }
  211. /* 地图案件按钮列按钮样式 */
  212. .wc-map-column-button .wc-btn-child {
  213. height: 40px !important;
  214. margin-bottom: 5px;
  215. flex: 0;
  216. }
  217. /* 什么也不干 就是为了隐藏工具按钮 */
  218. .wc-map-tools-hide {}
  219. /* .wc-li-map .wc-row{
  220. display: flex;
  221. flex-direction: column;
  222. }
  223. .wc-li-map .wc-row .wc-main-content{
  224. display: block;
  225. background-color: #009E94;
  226. width: 100%;
  227. text-align: left;
  228. height: 110px;
  229. } */
  230. /* 案件页面中内容容器样式 */
  231. .mui-content {
  232. padding-top: 44px !important;
  233. background-color: rgb(255, 255, 255) !important;
  234. }
  235. /* 案件页面滚动容器样式 */
  236. .mui-content .mui-scroll {
  237. background-color: rgb(255, 255, 255) !important;
  238. }
  239. /* 案件列表容器样式 */
  240. .mui-content .mui-scroll .mui-table-view {
  241. margin: 5px !important;
  242. }