[Update] Table换个风格

This commit is contained in:
ibuler
2020-04-24 10:52:30 +08:00
parent 56f5c18ffc
commit ec3bd29153
4 changed files with 26 additions and 2 deletions

View File

@@ -38,7 +38,7 @@ export default {
// editText: this.$t('action.update'), // 编辑按钮文案 // editText: this.$t('action.update'), // 编辑按钮文案
buttonSize: 'mini', buttonSize: 'mini',
tableAttrs: { tableAttrs: {
stripe: true, // 斑马纹表格 stripe: false, // 斑马纹表格
border: true, // 表格边框 border: true, // 表格边框
fit: true, // 宽度自适应, fit: true, // 宽度自适应,
tooltipEffect: 'dark' tooltipEffect: 'dark'

View File

@@ -182,11 +182,28 @@ export default {
} }
</script> </script>
<style lang="less" scoped> <style lang="scss" scoped>
.table-content { .table-content {
margin-top: 10px; margin-top: 10px;
& >>> .el-card__body {
padding: 0;
} }
& >>> .el-table__header thead > tr > th {
background-color: white;
}
/*& >>> .el-table--striped .el-table__body tr.el-table__row--striped td {*/
/*background: white;*/
/*}*/
/*& >>> .el-table th, .el-table tr {*/
/*background-color: red;*/
/*!*background-color: #FAFAFA;*!*/
/*}*/
}
//修改颜色 //修改颜色
// .el-button--text{ // .el-button--text{
// color: #409EFF; // color: #409EFF;

View File

@@ -183,4 +183,8 @@ export default {
/*margin: 0;*/ /*margin: 0;*/
/*background-color: #f3f3f4;*/ /*background-color: #f3f3f4;*/
} }
.page-submenu >>> .el-tabs__nav-wrap {
position: static;
}
</style> </style>

View File

@@ -60,4 +60,7 @@ export default {
/*margin: 0;*/ /*margin: 0;*/
/*background-color: #f3f3f4;*/ /*background-color: #f3f3f4;*/
} }
.page-submenu >>> .el-tabs__nav-wrap {
position: static;
}
</style> </style>