修改表格的样式,统一风格
Showing
6 changed files
with
45 additions
and
8 deletions
... | @@ -39,16 +39,19 @@ | ... | @@ -39,16 +39,19 @@ |
39 | margin-top: 20px; | 39 | margin-top: 20px; |
40 | } | 40 | } |
41 | .el-table th { | 41 | .el-table th { |
42 | background:#ccc !important; | 42 | background:#F2F2F2 !important; |
43 | } | 43 | } |
44 | .el-table tbody tr:hover>td { | 44 | .el-table tbody tr:hover>td { |
45 | background-color:#ccc!important | 45 | background-color:#EEF9FF!important |
46 | } | 46 | } |
47 | .block{ | 47 | .block{ |
48 | float: right; | 48 | float: right; |
49 | background: #fff; | 49 | background: #fff; |
50 | margin-top: 10px; | 50 | margin-top: 10px; |
51 | } | 51 | } |
52 | .el-table__row{ | ||
53 | cursor: pointer; | ||
54 | } | ||
52 | </style> | 55 | </style> |
53 | </head> | 56 | </head> |
54 | <body> | 57 | <body> | ... | ... |
... | @@ -39,16 +39,19 @@ | ... | @@ -39,16 +39,19 @@ |
39 | margin-top: 20px; | 39 | margin-top: 20px; |
40 | } | 40 | } |
41 | .el-table th { | 41 | .el-table th { |
42 | background:#ccc !important; | 42 | background:#F2F2F2 !important; |
43 | } | 43 | } |
44 | .el-table tbody tr:hover>td { | 44 | .el-table tbody tr:hover>td { |
45 | background-color:#ccc!important | 45 | background-color:#EEF9FF!important |
46 | } | 46 | } |
47 | .block{ | 47 | .block{ |
48 | float: right; | 48 | float: right; |
49 | background: #fff; | 49 | background: #fff; |
50 | margin-top: 10px; | 50 | margin-top: 10px; |
51 | } | 51 | } |
52 | .el-table__row{ | ||
53 | cursor: pointer; | ||
54 | } | ||
52 | </style> | 55 | </style> |
53 | </head> | 56 | </head> |
54 | <body> | 57 | <body> | ... | ... |
... | @@ -39,16 +39,19 @@ | ... | @@ -39,16 +39,19 @@ |
39 | margin-top: 20px; | 39 | margin-top: 20px; |
40 | } | 40 | } |
41 | .el-table th { | 41 | .el-table th { |
42 | background:#ccc !important; | 42 | background:#F2F2F2 !important; |
43 | } | 43 | } |
44 | .el-table tbody tr:hover>td { | 44 | .el-table tbody tr:hover>td { |
45 | background-color:#ccc!important | 45 | background-color:#EEF9FF!important |
46 | } | 46 | } |
47 | .block{ | 47 | .block{ |
48 | float: right; | 48 | float: right; |
49 | background: #fff; | 49 | background: #fff; |
50 | margin-top: 10px; | 50 | margin-top: 10px; |
51 | } | 51 | } |
52 | .el-table__row{ | ||
53 | cursor: pointer; | ||
54 | } | ||
52 | </style> | 55 | </style> |
53 | </head> | 56 | </head> |
54 | <body> | 57 | <body> | ... | ... |
... | @@ -13,6 +13,7 @@ | ... | @@ -13,6 +13,7 @@ |
13 | margin:10px 10px 0 10px; | 13 | margin:10px 10px 0 10px; |
14 | height:100%; | 14 | height:100%; |
15 | background: #fff; | 15 | background: #fff; |
16 | position:relative; | ||
16 | } | 17 | } |
17 | .search{ | 18 | .search{ |
18 | display: flex; | 19 | display: flex; |
... | @@ -39,15 +40,24 @@ | ... | @@ -39,15 +40,24 @@ |
39 | margin-top: 20px; | 40 | margin-top: 20px; |
40 | } | 41 | } |
41 | .el-table th { | 42 | .el-table th { |
42 | background:#ccc !important; | 43 | background:#F2F2F2 !important; |
43 | } | 44 | } |
44 | .el-table tbody tr:hover>td { | 45 | .el-table tbody tr:hover>td { |
45 | background-color:#ccc!important | 46 | background-color:#EEF9FF!important |
46 | } | 47 | } |
47 | .block{ | 48 | .block{ |
48 | float: right; | 49 | float: right; |
49 | background: #fff; | 50 | background: #fff; |
50 | margin-top: 10px; | 51 | margin-top: 10px; |
52 | position:absolute; | ||
53 | bottom:0; | ||
54 | right: 0; | ||
55 | } | ||
56 | .el-table__row{ | ||
57 | cursor: pointer; | ||
58 | } | ||
59 | .el-table__row{ | ||
60 | cursor: pointer; | ||
51 | } | 61 | } |
52 | </style> | 62 | </style> |
53 | </head> | 63 | </head> | ... | ... |
... | @@ -23,6 +23,12 @@ | ... | @@ -23,6 +23,12 @@ |
23 | .el-button{ | 23 | .el-button{ |
24 | margin-top: 20px; | 24 | margin-top: 20px; |
25 | } | 25 | } |
26 | .el-table th { | ||
27 | background:#F2F2F2 !important; | ||
28 | } | ||
29 | .el-table tbody tr:hover>td { | ||
30 | background-color:#EEF9FF!important | ||
31 | } | ||
26 | .block{ | 32 | .block{ |
27 | float: right; | 33 | float: right; |
28 | background: #fff; | 34 | background: #fff; |
... | @@ -31,6 +37,9 @@ | ... | @@ -31,6 +37,9 @@ |
31 | .el-pagination__jump{ | 37 | .el-pagination__jump{ |
32 | margin-top: -15px; | 38 | margin-top: -15px; |
33 | } | 39 | } |
40 | .el-table__row{ | ||
41 | cursor: pointer; | ||
42 | } | ||
34 | </style> | 43 | </style> |
35 | </head> | 44 | </head> |
36 | <body> | 45 | <body> | ... | ... |
... | @@ -23,6 +23,12 @@ | ... | @@ -23,6 +23,12 @@ |
23 | .el-button{ | 23 | .el-button{ |
24 | margin-top: 20px; | 24 | margin-top: 20px; |
25 | } | 25 | } |
26 | .el-table th { | ||
27 | background:#F2F2F2 !important; | ||
28 | } | ||
29 | .el-table tbody tr:hover>td { | ||
30 | background-color:#EEF9FF!important | ||
31 | } | ||
26 | .block{ | 32 | .block{ |
27 | float: right; | 33 | float: right; |
28 | background: #fff; | 34 | background: #fff; |
... | @@ -31,6 +37,9 @@ | ... | @@ -31,6 +37,9 @@ |
31 | .el-pagination__jump{ | 37 | .el-pagination__jump{ |
32 | margin-top: -15px; | 38 | margin-top: -15px; |
33 | } | 39 | } |
40 | .el-table__row{ | ||
41 | cursor: pointer; | ||
42 | } | ||
34 | </style> | 43 | </style> |
35 | </head> | 44 | </head> |
36 | <body> | 45 | <body> | ... | ... |
-
Please register or sign in to post a comment