element-ui.scss 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301
  1. //覆盖一些element-ui样式
  2. .block-checkbox {
  3. display: block;
  4. }
  5. .operation-container {
  6. .cell {
  7. padding: 10px !important;
  8. }
  9. }
  10. .el-upload {
  11. input[type="file"] {
  12. display: none !important;
  13. }
  14. }
  15. .el-upload__input {
  16. display: none;
  17. }
  18. .cell {
  19. .el-tag {
  20. margin-right: 8px;
  21. }
  22. }
  23. .small-padding {
  24. .cell {
  25. padding-left: 8px;
  26. padding-right: 8px;
  27. }
  28. }
  29. .status-col {
  30. .cell {
  31. padding: 0 10px;
  32. text-align: center;
  33. .el-tag {
  34. margin-right: 0px;
  35. }
  36. }
  37. }
  38. //针对搜索功能覆盖elementUI部分样式
  39. .search-dialog{
  40. .el-dialog{
  41. left:auto;
  42. right: -150px;
  43. top:15.8%!important;
  44. min-width: 300px!important;
  45. width:300px;
  46. bottom:0;
  47. padding-top:20px;
  48. }
  49. .filter-item{
  50. //width: 100%;
  51. }
  52. .el-dialog__body{
  53. padding:0px 20px 15px;
  54. overflow: auto;height:88%;
  55. }
  56. .el-dialog__header{
  57. display: none;
  58. }
  59. .el-form-item__content{
  60. text-align: left;
  61. }
  62. .el-form-item{
  63. margin-bottom:15px;
  64. }
  65. .el-form-item__label{
  66. //width: 100%;
  67. font-size: 14px;
  68. text-align: left;
  69. }
  70. .el-dialog__footer{
  71. text-align: center;
  72. }
  73. .el-radio-button{
  74. .el-radio-button__inner{
  75. white-space: nowrap;
  76. cursor: pointer;
  77. display: inline-block;
  78. width: 90px;
  79. height: 34px;
  80. border: none;
  81. font-size: 14px;
  82. line-height:20px;
  83. border-radius: 17px;
  84. padding: 7px 20px;
  85. background-color: #f5f5f5;
  86. //margin-left:0px;
  87. }
  88. }
  89. .el-radio-button:last-child .el-radio-button__inner{
  90. margin-left: 15px;
  91. }
  92. .el-radio-group{
  93. .el-radio-button.is-active{
  94. .el-radio-button__inner{
  95. background-color: #82bdf2;
  96. }
  97. }
  98. .my-download-radio{
  99. .el-radio-button__inner{
  100. margin-left:0;
  101. margin-top:20px;
  102. }
  103. }
  104. .el-radio-button__inner{
  105. width: auto;
  106. }
  107. }
  108. .el-radio-button__inner{
  109. background-color: #f5f5f5;
  110. }
  111. .el-dialog__footer{
  112. width:100%;
  113. padding:15px 20px;
  114. float:left;
  115. // padding-bottom:30px;
  116. .reset{
  117. float: left;
  118. }
  119. }
  120. }
  121. .dialog-footer .el-button--danger{
  122. border:solid 1px #de5237;
  123. background-color: #de5237;
  124. }
  125. //暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461
  126. //.el-dialog {
  127. // transform: none;
  128. // position: initial;
  129. // margin: 10% auto 0;
  130. //}
  131. //.el-dialog--small{
  132. // width:650px;
  133. //}
  134. //文章页textarea修改样式
  135. .article-textarea {
  136. textarea {
  137. padding-right: 40px;
  138. resize: none;
  139. border: none;
  140. border-radius: 0px;
  141. border-bottom: 1px solid #bfcbd9;
  142. }
  143. }
  144. //element ui upload
  145. .upload-container {
  146. .el-upload {
  147. width: 100%;
  148. .el-upload-dragger {
  149. width: 100%;
  150. height: 200px;
  151. }
  152. }
  153. }
  154. .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{
  155. transform: rotateZ(180deg);
  156. transform-origin: center 4px;
  157. }
  158. .el-submenu__icon-arrow{
  159. margin-top:-4px;
  160. }
  161. .el-checkbox__inner{
  162. border-radius: 0;border: 1px solid #c4c4c4;
  163. }
  164. .el-pager li.active{
  165. border-color: #5d8ab3;
  166. background-color: #5d8ab3;
  167. }
  168. .el-table-column--selection .cell{
  169. padding:0 0;
  170. }
  171. .el-table .cell, .el-table th>div{
  172. padding:0 8px;
  173. }
  174. .el-tree-node__label{
  175. max-width: 440px;
  176. overflow: hidden;
  177. text-overflow: ellipsis;
  178. }
  179. .dialog-footer .el-button--primary{
  180. border-color:#4d84ba!important;
  181. }
  182. .el-button--primary{
  183. background-color:#4d84ba;border-color:#4d84ba;
  184. }
  185. .el-form-item__label{
  186. color:#000;
  187. }
  188. .el-button--mini{ border:none; background: none; margin-top: 5px;}
  189. .el-tabs__active-bar{
  190. background-color: #4d84ba;
  191. }
  192. .el-tabs__item.is-active {
  193. color: #4d84ba;
  194. }
  195. .el-table{
  196. border:solid 1px #c8cbd0;
  197. }
  198. .el-table::after, .el-table::before{
  199. background:#c6cad6;height:0;
  200. }
  201. .el-pagination .btn-next, .el-pagination .btn-prev{
  202. border: 1px solid #c8cbd0;
  203. }
  204. .el-submenu .el-menu-item{
  205. min-width:auto;
  206. }
  207. .el-pager li{
  208. margin:0 2px;border:solid 1px #c8cbd0;
  209. }
  210. .el-pager li.active+li{
  211. border-left:solid 1px #c8cbd0;
  212. }
  213. .el-pagination .btn-next{
  214. margin-left:2px;
  215. }
  216. .el-pagination .btn-prev{
  217. margin-right:2px;
  218. }
  219. .el-pager li:last-child{
  220. border-right:solid 1px #c8cbd0;
  221. }
  222. .v-content .el-tabs__content{
  223. height:100%!important;
  224. }
  225. .el-breadcrumb__item:last-child .el-breadcrumb__item__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__item__inner a:hover{
  226. color:#4d84ba;
  227. }
  228. .el-form--label-top .el-form-item__label{
  229. padding:0 0 6px 2px;
  230. }
  231. .material-wrapper .el-col-lg-6,.material-wrapper .el-col-6 {
  232. width: 20%;
  233. }
  234. .fixScroll .el-table__body-wrapper{
  235. height: 100%;overflow-x:hidden;
  236. }
  237. .tab-tags .el-radio__inner{
  238. width:14px;height:14px;
  239. }
  240. .tab-tags .el-radio+.el-radio{
  241. margin-left: 5px;
  242. }
  243. .dialogForm .el-dialog__body{
  244. padding: 10px 20px;
  245. }
  246. .dialogForm .item-wrapper{
  247. border:solid 1px #d5d5d5;
  248. }
  249. .exhibition-content .el-tabs--border-card .el-tabs__content{
  250. position: absolute;
  251. top: 0;
  252. bottom: 0;
  253. margin-top: 43px;
  254. left:0;right:0;overflow-y: auto;
  255. height: auto!important;
  256. }
  257. .el-message{
  258. z-index: 9999 !important;
  259. height:52px;
  260. padding:0;min-width: 380px;
  261. }
  262. .el-message p{
  263. color:#fff;padding-left:15px;
  264. }
  265. .el-message .el-message__group{
  266. height:52px;
  267. }
  268. .el-message .el-message__img {
  269. width: 20px;
  270. height: 20px;
  271. left: 10px;
  272. top: 13px;
  273. border-radius: 50%;
  274. }
  275. .el-message .el-message__closeBtn{
  276. top:19px;right:12px;color:#fff;font-size:12px;font-weight: 700;
  277. }