修改表格的样式,统一风格
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