style:table样式
Showing
8 changed files
with
19 additions
and
14 deletions
src/image/formContent.png
0 → 100644
31.8 KB
src/image/formHeader.png
0 → 100644
14.5 KB
src/image/tablebk.png
deleted
100644 → 0
19.4 KB
... | @@ -19,11 +19,9 @@ export default { | ... | @@ -19,11 +19,9 @@ export default { |
19 | .hasTagsView { | 19 | .hasTagsView { |
20 | .app-main { | 20 | .app-main { |
21 | overflow-x: auto; | 21 | overflow-x: auto; |
22 | padding: 5px; | ||
23 | box-sizing: border-box; | 22 | box-sizing: border-box; |
24 | background-color: #EDF1F7; | 23 | background-color: #EDF1F7; |
25 | box-sizing: border-box; | 24 | box-sizing: border-box; |
26 | |||
27 | } | 25 | } |
28 | } | 26 | } |
29 | </style> | 27 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -49,7 +49,7 @@ export default { | ... | @@ -49,7 +49,7 @@ export default { |
49 | 49 | ||
50 | .app-main { | 50 | .app-main { |
51 | height: calc(100% -94px) !important; | 51 | height: calc(100% -94px) !important; |
52 | padding: 10px; | 52 | // padding: 10px; |
53 | box-sizing: border-box; | 53 | box-sizing: border-box; |
54 | } | 54 | } |
55 | </style> | 55 | </style> | ... | ... |
... | @@ -8,7 +8,7 @@ | ... | @@ -8,7 +8,7 @@ |
8 | } | 8 | } |
9 | 9 | ||
10 | .cell { | 10 | .cell { |
11 | color: #FFFFFF !important; | 11 | color: #02D9FD !important; |
12 | } | 12 | } |
13 | 13 | ||
14 | .el-table__row { | 14 | .el-table__row { |
... | @@ -16,7 +16,9 @@ | ... | @@ -16,7 +16,9 @@ |
16 | } | 16 | } |
17 | 17 | ||
18 | thead { | 18 | thead { |
19 | background: #103E99 !important; | 19 | background: #073781; |
20 | border-radius: 2px; | ||
21 | height: 42px; | ||
20 | 22 | ||
21 | & th { | 23 | & th { |
22 | //inherit:规定应该从父元素继承 background-color 属性的设置。 | 24 | //inherit:规定应该从父元素继承 background-color 属性的设置。 |
... | @@ -40,22 +42,24 @@ | ... | @@ -40,22 +42,24 @@ |
40 | width: 100%; | 42 | width: 100%; |
41 | box-sizing: border-box; | 43 | box-sizing: border-box; |
42 | overflow-x: hidden; | 44 | overflow-x: hidden; |
43 | background: url("~@/image/tablebk.png") no-repeat; | ||
44 | background-size: 100% 100%; | ||
45 | padding: 2px; | 45 | padding: 2px; |
46 | 46 | ||
47 | &-header { | 47 | &-header { |
48 | width: 100%; | 48 | width: 100%; |
49 | padding: 10px; | 49 | padding: 20px 30px 20px 20px; |
50 | box-sizing: border-box; | 50 | box-sizing: border-box; |
51 | background: url("~@/image/formHeader.png") no-repeat; | ||
52 | background-size: 100% 100%; | ||
53 | margin-top: 15px; | ||
51 | 54 | ||
52 | /deep/.el-form-item__label { | 55 | /deep/.el-form-item__label { |
53 | color: #E3F1FF; | 56 | color: #E3F1FF; |
54 | } | 57 | } |
55 | 58 | ||
56 | /deep/.el-input__inner { | 59 | /deep/.el-input__inner { |
57 | background-color: #04103D !important; | 60 | background: #07388B; |
58 | border: none; | 61 | border-radius: 2px; |
62 | border: 1px solid #6BC1FC; | ||
59 | } | 63 | } |
60 | } | 64 | } |
61 | 65 | ||
... | @@ -98,8 +102,10 @@ | ... | @@ -98,8 +102,10 @@ |
98 | &-content { | 102 | &-content { |
99 | width: 100%; | 103 | width: 100%; |
100 | box-sizing: border-box; | 104 | box-sizing: border-box; |
101 | margin-top: 10px; | 105 | margin-top: 15px; |
102 | 106 | background: url("~@/image/formContent.png") no-repeat; | |
107 | background-size: 100% 100%; | ||
108 | padding: 20px 30px 20px 30px; | ||
103 | //修改表头的背景颜色横向渐变色 | 109 | //修改表头的背景颜色横向渐变色 |
104 | @extend .tableClass; | 110 | @extend .tableClass; |
105 | 111 | ... | ... |
... | @@ -5,6 +5,7 @@ | ... | @@ -5,6 +5,7 @@ |
5 | display: flex; | 5 | display: flex; |
6 | justify-content: space-between; | 6 | justify-content: space-between; |
7 | margin-top: 15px; | 7 | margin-top: 15px; |
8 | |||
8 | .map { | 9 | .map { |
9 | margin-left: -20px; | 10 | margin-left: -20px; |
10 | } | 11 | } |
... | @@ -31,7 +32,7 @@ | ... | @@ -31,7 +32,7 @@ |
31 | .bgbk { | 32 | .bgbk { |
32 | padding: 2px; | 33 | padding: 2px; |
33 | box-sizing: border-box; | 34 | box-sizing: border-box; |
34 | background: url("~@/image/tablebk.png") no-repeat; | 35 | // background: url("~@/image/tablebk.png") no-repeat; |
35 | background-size: 100% 100%; | 36 | background-size: 100% 100%; |
36 | } | 37 | } |
37 | 38 | ... | ... |
-
Please register or sign in to post a comment