Newer
Older
operation_web / src / components / HelloWorld.vue
@zhangqy zhangqy on 10 Dec 2019 5 KB 开发数据分析
  1. <template>
  2. <div id="app">
  3. <!-- <img src="./assets/logo.png"> -->
  4. <router-view />
  5. </div>
  6. </template>
  7.  
  8. <script>
  9. export default {
  10. name: "App"
  11. };
  12. </script>
  13.  
  14. <style>
  15. #app {
  16. font-family: "Avenir", Helvetica, Arial, sans-serif;
  17. -webkit-font-smoothing: antialiased;
  18. -moz-osx-font-smoothing: grayscale;
  19. text-align: center;
  20. color: #2c3e50;
  21. height: 100%;
  22. /* margin-top: 60px; */
  23. }
  24. /* 时间框 */
  25. .el-date-editor .el-range-separator {
  26. color: white !important;
  27. }
  28. .el-range-input {
  29. background-color: rgba(0, 0, 0, 0) !important;
  30. }
  31. .el-picker-panel {
  32. background: #182031 !important;
  33. }
  34. .el-picker-panel [slot="sidebar"],
  35. .el-picker-panel__sidebar {
  36. background: #182031 !important;
  37. }
  38. .el-picker-panel__footer {
  39. background: #182031 !important;
  40. }
  41. .el-picker-panel__shortcut {
  42. color: #c2ceea !important;
  43. }
  44. .el-date-editor .el-range-input {
  45. color: white !important;
  46. }
  47. .el-date-range-picker__header .el-picker-panel__icon-btn {
  48. color: #fff !important;
  49. }
  50. .el-time-panel {
  51. background-color: rgb(24, 32, 49) !important;
  52. }
  53. /* 下拉框 */
  54. .el-input__inner {
  55. background-color: rgba(0, 0, 0, 0) !important;
  56. border: 1px solid rgb(4, 51, 52) !important;
  57. color: white !important;
  58. }
  59. .el-select-dropdown {
  60. background-color: #3c3939 !important;
  61. border: 1px solid rgb(4, 51, 52) !important;
  62. }
  63. .el-select-dropdown__item.hover,
  64. .el-select-dropdown__item:hover {
  65. background-color: rgb(4, 51, 52) !important;
  66. }
  67. .el-select-dropdown__item {
  68. color: white !important;
  69. }
  70. .el-select-dropdown__item.selected {
  71. color: #efe201 !important;
  72. }
  73. /* tabs A*/
  74. .el-tabs {
  75. height: 100% !important;
  76. box-sizing: border-box !important;
  77. padding: 5px !important;
  78. }
  79. .el-tabs__content {
  80. height: calc(100% - 55px) !important;
  81. }
  82. .el-tabs__item {
  83. color: white !important;
  84. }
  85. .el-tabs__nav-wrap::after {
  86. content: "";
  87. position: absolute !important;
  88. left: 0 !important;
  89. bottom: 0 !important;
  90. width: 100% !important;
  91. height: 2px !important;
  92. background-color: #e4e7ed00 !important;
  93. z-index: 1 !important;
  94. }
  95. .el-tabs__active-bar {
  96. background-color: #efe201 !important;
  97. }
  98. .el-tabs__item.is-active {
  99. color: #efe201 !important;
  100. }
  101. /* tabs B*/
  102. /* tabs A*/
  103. .el-tab-pane {
  104. width: 100% !important;
  105. height: 100% !important;
  106. }
  107.  
  108. .el-tabs__content {
  109. height: calc(100% - 55px) !important;
  110. }
  111.  
  112. .el-tabs {
  113. width: 100% !important;
  114. height: 100% !important;
  115. }
  116.  
  117. .el-tabs__item {
  118. color: white !important;
  119. }
  120.  
  121. /* tabs B*/
  122. /* 表格样式 */
  123.  
  124. .el-table {
  125. background: rgba(5, 12, 30, 0) !important;
  126. }
  127.  
  128. .el-table tr {
  129. background: rgba(255, 255, 255, 0.05) !important;
  130. }
  131.  
  132. .el-table th {
  133. background: rgba(255, 255, 255, 0) !important;
  134. }
  135.  
  136. .el-table td,
  137. .el-table th.is-leaf {
  138. border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  139. }
  140.  
  141. .el-table--border::after,
  142. .el-table--group::after,
  143. .el-table::before {
  144. background-color: black !important;
  145. }
  146.  
  147. .el-table th .cell {
  148. color: white !important;
  149. text-align: center !important;
  150. }
  151.  
  152. .el-table td .cell {
  153. color: white !important;
  154. text-align: center !important;
  155. }
  156.  
  157. .el-table__body-wrapper {
  158. height: calc(100% - 49px) !important;
  159. overflow-y: auto !important;
  160. background: rgba(27, 27, 28, 0) !important;
  161. }
  162. .el-table--border::after,
  163. .el-table--group::after,
  164. .el-table::before {
  165. background-color: rgba(0, 0, 0, 0) !important;
  166. }
  167. .el-table--striped .el-table__body tr.el-table__row--striped td {
  168. background: rgba(255, 255, 255, 0.05) !important;
  169. }
  170. .el-table--enable-row-hover .el-table__body tr:hover > td {
  171. background: rgb(4, 51, 52) !important;
  172. }
  173. /* 分页 A*/
  174. .el-pagination button:disabled {
  175. background-color: #fdfdfd12 !important;
  176. color: #999 !important;
  177. }
  178.  
  179. .el-pagination .btn-next,
  180. .el-pagination .btn-prev {
  181. background-color: #fdfdfd12 !important;
  182. color: white !important;
  183. }
  184.  
  185. .el-pager li {
  186. background-color: #fdfdfd12 !important;
  187. color: white !important;
  188. }
  189.  
  190. .el-pager li.btn-quicknext,
  191. .el-pager li.btn-quickprev {
  192. line-height: 28px !important;
  193. color: #c1c5cc !important;
  194. }
  195.  
  196. /* 分页 B*/
  197.  
  198. /* 弹窗 Dialog A */
  199. .el-dialog {
  200. background: #000000 !important;
  201. border: 1px solid rgb(102, 177, 255);
  202. }
  203. .el-dialog__title {
  204. color: aqua !important;
  205. }
  206. /* 弹窗 Dialog B */
  207.  
  208. /* 删除弹窗 */
  209. .el-message-box {
  210. background: #000000 !important;
  211. border: 1px solid rgb(102, 177, 255);
  212. }
  213. .el-message-box__title {
  214. color: aqua !important;
  215. }
  216. .el-message-box__content {
  217. color: white !important;
  218. }
  219. /* 新烽查询系统单独样式 A */
  220. #NFSNo2 .el-table__header tr,
  221. #NFSNo2 .el-table__header th {
  222. padding: 0 !important;
  223. height: 40px !important;
  224. }
  225. #NFSNo2 .el-table__body tr,
  226. #NFSNo2 .el-table__body td {
  227. padding: 0 !important;
  228. height: 40px !important;
  229. }
  230. #NFSNo2 .el-table__body-wrapper {
  231. height: calc(100% - 69px) !important;
  232. overflow-y: auto !important;
  233. background: rgba(27, 27, 28, 0) !important;
  234. }
  235. /* 新烽查询系统单独样式 B */
  236.  
  237. /* 删除弹窗 */
  238. .el-message-box {
  239. background: #000000 !important;
  240. border: 1px solid rgb(102, 177, 255);
  241. }
  242. .el-message-box__title {
  243. color: aqua !important;
  244. }
  245. .el-message-box__content {
  246. color: white !important;
  247. }
  248. /* 菜单 */
  249. .el-menu {
  250. border-right: 0px solid #e6e6e6 !important;
  251. }
  252. /* 菜单 */
  253. </style>