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