卡片和表格样式调整
Showing
4 changed files
with
18 additions
and
18 deletions
1 | // element 样式补丁 | 1 | // element 样式补丁 |
2 | .el-card { | 2 | .el-card { |
3 | &.is-always-shadow { | 3 | &.is-always-shadow { |
4 | box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5); | 4 | box-shadow: 0 2px 15px 1px rgba(49,132,245,0.10); |
5 | } | ||
6 | &.is-hover-shadow { | ||
7 | &:hover { | ||
8 | box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5); | ||
9 | } | ||
10 | } | 5 | } |
6 | // &.is-hover-shadow { | ||
7 | // &:hover { | ||
8 | // box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5); | ||
9 | // } | ||
10 | // } | ||
11 | } | 11 | } |
12 | 12 | ||
13 | .el-menu--horizontal { | 13 | .el-menu--horizontal { |
... | @@ -59,10 +59,10 @@ | ... | @@ -59,10 +59,10 @@ |
59 | 59 | ||
60 | //table样式 | 60 | //table样式 |
61 | .el-table .even-row { | 61 | .el-table .even-row { |
62 | background: #f7f9fb; | 62 | background: #FAFCFF; |
63 | } | 63 | } |
64 | .el-table th { | 64 | .el-table th { |
65 | background-color: #f3f5fa; | 65 | background-color: #FAFCFF; |
66 | } | 66 | } |
67 | //操作提示样式 | 67 | //操作提示样式 |
68 | .el-message{ | 68 | .el-message{ | ... | ... |
... | @@ -38,14 +38,14 @@ table{ | ... | @@ -38,14 +38,14 @@ table{ |
38 | border-width: 0; | 38 | border-width: 0; |
39 | } | 39 | } |
40 | table,tr,.el-col,.title{ | 40 | table,tr,.el-col,.title{ |
41 | border-color: #E6E6E6 !important; | 41 | border-color: #E4EBF4 !important; |
42 | } | 42 | } |
43 | //表格加边框 | 43 | //表格加边框 |
44 | .el-table{ | 44 | .el-table{ |
45 | border: 1px solid #E6E6E6; | 45 | border: 1px solid #E6E6E6; |
46 | } | 46 | } |
47 | .el-table th{ | 47 | .el-table th{ |
48 | background-color: #FBFBFB; | 48 | background-color: #FAFCFF; |
49 | } | 49 | } |
50 | .formInput { | 50 | .formInput { |
51 | height: 100%; | 51 | height: 100%; | ... | ... |
... | @@ -65,8 +65,8 @@ | ... | @@ -65,8 +65,8 @@ |
65 | v-if="item.children" | 65 | v-if="item.children" |
66 | class="reTree_icon" | 66 | class="reTree_icon" |
67 | :style="{ | 67 | :style="{ |
68 | height: 12 + 'px', | 68 | height: 10 + 'px', |
69 | width: 12 + 'px', | 69 | width: 10 + 'px', |
70 | }" | 70 | }" |
71 | :class="{ | 71 | :class="{ |
72 | reTree_default_icon: item.children.length === 0, | 72 | reTree_default_icon: item.children.length === 0, |
... | @@ -84,8 +84,8 @@ | ... | @@ -84,8 +84,8 @@ |
84 | reTree_expand_icon: item.dm == 'G' || item.dm == 'J' || item.dm == 'Z', | 84 | reTree_expand_icon: item.dm == 'G' || item.dm == 'J' || item.dm == 'Z', |
85 | }" | 85 | }" |
86 | :style="{ | 86 | :style="{ |
87 | height: 12 + 'px', | 87 | height: 10 + 'px', |
88 | width: 12 + 'px', | 88 | width: 10 + 'px', |
89 | }" | 89 | }" |
90 | ></div> | 90 | ></div> |
91 | </div> | 91 | </div> |
... | @@ -314,7 +314,7 @@ export default { | ... | @@ -314,7 +314,7 @@ export default { |
314 | .reTree_icon { | 314 | .reTree_icon { |
315 | width: 17px; | 315 | width: 17px; |
316 | height: 17px; | 316 | height: 17px; |
317 | margin-right: 10px; | 317 | margin-right: 16px; |
318 | } | 318 | } |
319 | .no_icon { | 319 | .no_icon { |
320 | width: 17px; | 320 | width: 17px; |
... | @@ -352,7 +352,7 @@ export default { | ... | @@ -352,7 +352,7 @@ export default { |
352 | width: 279px; | 352 | width: 279px; |
353 | height: 40px; | 353 | height: 40px; |
354 | box-sizing: border-box; | 354 | box-sizing: border-box; |
355 | padding-left: 24px; | 355 | padding-left: 20px; |
356 | } | 356 | } |
357 | .second_layer { | 357 | .second_layer { |
358 | position: relative; | 358 | position: relative; | ... | ... |
... | @@ -20,8 +20,8 @@ | ... | @@ -20,8 +20,8 @@ |
20 | <div class="layer_text nowrap" @contextmenu.prevent="openMenu($event, item)"><i class="iconfont iconguoyou"></i> {{ item.mc }}</div><div | 20 | <div class="layer_text nowrap" @contextmenu.prevent="openMenu($event, item)"><i class="iconfont iconguoyou"></i> {{ item.mc }}</div><div |
21 | class="reTree_icon" | 21 | class="reTree_icon" |
22 | :style="{ | 22 | :style="{ |
23 | height: 12 + 'px', | 23 | height: 10 + 'px', |
24 | width: 12 + 'px', | 24 | width: 10 + 'px', |
25 | }" | 25 | }" |
26 | :class="{ | 26 | :class="{ |
27 | reTree_default_icon: item.children.length === 0, | 27 | reTree_default_icon: item.children.length === 0, | ... | ... |
-
Please register or sign in to post a comment