春风项目四线(合箱线、总装线)
懒羊羊
2024-01-17 5f7e70b8132d018614e8f4989d0614bd50cb7ecb
提交 | 用户 | 时间
fd2207 1 /**
2 * 通用css样式布局处理
3 * Copyright (c) 2019 jcdm
4 */
5
6 /** 基础通用 **/
7 .pt5 {
8   padding-top: 5px;
9 }
10
11 .pr5 {
12   padding-right: 5px;
13 }
14
15 .pb5 {
16   padding-bottom: 5px;
17 }
18
19 .mt5 {
20   margin-top: 5px;
21 }
22
23 .mr5 {
24   margin-right: 5px;
25 }
26
27 .mb5 {
28   margin-bottom: 5px;
29 }
30
31 .mb8 {
32   margin-bottom: 8px;
33 }
34
35 .ml5 {
36   margin-left: 5px;
37 }
38
39 .mt10 {
40   margin-top: 10px;
41 }
42
43 .mr10 {
44   margin-right: 10px;
45 }
46
47 .mb10 {
48   margin-bottom: 10px;
49 }
50 .ml10 {
51     margin-left: 10px;
52 }
53
54 .mt20 {
55   margin-top: 20px;
56 }
57
58 .mr20 {
59   margin-right: 20px;
60 }
61
62 .mb20 {
63   margin-bottom: 20px;
64 }
65 .ml20 {
66     margin-left: 20px;
67 }
68
69 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
70   font-family: inherit;
71   font-weight: 500;
72   line-height: 1.1;
73   color: inherit;
74 }
75
76 .el-message-box__status + .el-message-box__message{
77   word-break: break-word;
78 }
79
80 .el-dialog:not(.is-fullscreen) {
81   margin-top: 6vh !important;
82 }
83
84 .el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body {
85   overflow: auto;
86   overflow-x: hidden;
87   max-height: 70vh;
88   padding: 10px 20px 0;
89 }
90
91 .el-table {
92   .el-table__header-wrapper, .el-table__fixed-header-wrapper {
93     th {
94       word-break: break-word;
95       background-color: #f8f8f9;
96       color: #515a6e;
97       height: 40px;
98       font-size: 13px;
99     }
100   }
101
102   .el-table__body-wrapper {
103     .el-button [class*="el-icon-"] + span {
104       margin-left: 1px;
105     }
106   }
107 }
108
109 /** 表单布局 **/
110 .form-header {
111   font-size: 15px;
112   color: #6379bb;
113   border-bottom: 1px solid #ddd;
114   margin: 8px 10px 25px 10px;
115   padding-bottom: 5px
116 }
117
118 /** 表格布局 **/
119 .pagination-container {
120   position: relative;
121   height: 25px;
122   margin-bottom: 10px;
123   margin-top: 15px;
124   padding: 10px 20px !important;
125 }
126
127 /* tree border */
128 .tree-border {
129   margin-top: 5px;
130   border: 1px solid #e5e6e7;
131   background: #FFFFFF none;
132   border-radius: 4px;
133 }
134
135 .pagination-container .el-pagination {
136   right: 0;
137   position: absolute;
138 }
139
140 @media (max-width: 768px) {
141   .pagination-container .el-pagination > .el-pagination__jump {
142     display: none !important;
143   }
144   .pagination-container .el-pagination > .el-pagination__sizes {
145     display: none !important;
146   }
147 }
148
149 .el-table .fixed-width .el-button--mini {
150   padding-left: 0;
151   padding-right: 0;
152   width: inherit;
153 }
154
155 /** 表格更多操作下拉样式 */
156 .el-table .el-dropdown-link,.el-table .el-dropdown-selfdefine {
157     cursor: pointer;
158     margin-left: 5px;
159 }
160
161 .el-table .el-dropdown, .el-icon-arrow-down {
162   font-size: 12px;
163 }
164
165 .el-tree-node__content > .el-checkbox {
166   margin-right: 8px;
167 }
168
169 .list-group-striped > .list-group-item {
170   border-left: 0;
171   border-right: 0;
172   border-radius: 0;
173   padding-left: 0;
174   padding-right: 0;
175 }
176
177 .list-group {
178   padding-left: 0px;
179   list-style: none;
180 }
181
182 .list-group-item {
183   border-bottom: 1px solid #e7eaec;
184   border-top: 1px solid #e7eaec;
185   margin-bottom: -1px;
186   padding: 11px 0px;
187   font-size: 13px;
188 }
189
190 .pull-right {
191   float: right !important;
192 }
193
194 .el-card__header {
195   padding: 14px 15px 7px;
196   min-height: 40px;
197 }
198
199 .el-card__body {
200   padding: 15px 20px 20px 20px;
201 }
202
203 .card-box {
204   padding-right: 15px;
205   padding-left: 15px;
206   margin-bottom: 10px;
207 }
208
209 /* button color */
210 .el-button--cyan.is-active,
211 .el-button--cyan:active {
212   background: #20B2AA;
213   border-color: #20B2AA;
214   color: #FFFFFF;
215 }
216
217 .el-button--cyan:focus,
218 .el-button--cyan:hover {
219   background: #48D1CC;
220   border-color: #48D1CC;
221   color: #FFFFFF;
222 }
223
224 .el-button--cyan {
225   background-color: #20B2AA;
226   border-color: #20B2AA;
227   color: #FFFFFF;
228 }
229
230 /* text color */
231 .text-navy {
232   color: #1ab394;
233 }
234
235 .text-primary {
236   color: inherit;
237 }
238
239 .text-success {
240   color: #1c84c6;
241 }
242
243 .text-info {
244   color: #23c6c8;
245 }
246
247 .text-warning {
248   color: #f8ac59;
249 }
250
251 .text-danger {
252   color: #ed5565;
253 }
254
255 .text-muted {
256   color: #888888;
257 }
258
259 /* image */
260 .img-circle {
261   border-radius: 50%;
262 }
263
264 .img-lg {
265   width: 120px;
266   height: 120px;
267 }
268
269 .avatar-upload-preview {
270   position: relative;
271   top: 50%;
272   left: 50%;
273   transform: translate(-50%, -50%);
274   width: 200px;
275   height: 200px;
276   border-radius: 50%;
277   box-shadow: 0 0 4px #ccc;
278   overflow: hidden;
279 }
280
281 /* 拖拽列样式 */
282 .sortable-ghost {
283   opacity: .8;
284   color: #fff !important;
285   background: #42b983 !important;
286 }
287
288 .top-right-btn {
289   position: relative;
290   float: right;
291 }