github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-04-27 19:15:13 +00:00
Code Issues Projects Releases Wiki Activity

pref: 优化 css

Browse Source
This commit is contained in:
ibuler 2022-11-08 15:39:12 +08:00
parent 84985b85e0
commit ae112ab7d9
2 changed files with 41 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/theme/element-extra.css
View File

@ -195,7 +195,7 @@ td .el-button.el-button--mini {
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
color: #606266;
color: white;
background-color: primary;
font-weight: 400;
}
@ -431,7 +431,7 @@ td .el-button.el-button--mini {
.el-select-dropdown__item.selected {
font-weight: 400;
color: #606266;
color: white;
background-color: primary;
}

62
src/components/DataTable/index.vue
View File

@ -49,7 +49,11 @@ export default {
stripe: false, // 斑马纹表格
border: false, // 表格边框
fit: true, // 宽度自适应,
tooltipEffect: 'dark'
tooltipEffect: 'dark',
rowClassName: ({ row }) => {
const selected = this.dataTable.selected.find(item => item.id === row.id)
return selected ? 'selected-row' : ''
}
},
extraButtons: userTableActions.extraButtons,
onEdit: (row) => {
@ -103,7 +107,9 @@ export default {
return config
},
iListeners() {
return Object.assign({}, this.$listeners, this.tableConfig.listeners)
const defaultListeners = {
}
return Object.assign(defaultListeners, this.$listeners, this.tableConfig.listeners)
},
dataTable() {
return this.$refs.table
@ -165,28 +171,38 @@ export default {
</script>
<style lang="less" scoped>
.el-table ::v-deep .el-table__row > td {
line-height: 1.5;
padding: 6px 0;
font-size: 13px;
* {
vertical-align: middle;
.el-table ::v-deep .el-table__row {
&.selected-row {
background-color: #f5f7fa;
}
&> td {
line-height: 1.5;
padding: 6px 0;
font-size: 13px;
* {
vertical-align: middle;
}
.el-checkbox {
vertical-align: super;
}
}
.el-table ::v-deep .el-table__row > td> div > span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.el-table ::v-deep .el-table__header > thead > tr > th {
padding: 6px 0;
background-color: #F5F5F6;
font-size: 13px;
line-height: 1.5;
}
.table{
margin-top: 15px;
}
}
.el-table ::v-deep .el-table__row > td> div > span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.el-table ::v-deep .el-table__header > thead > tr > th {
padding: 6px 0;
background-color: #F5F5F6;
font-size: 13px;
line-height: 1.5;
}
.table{
margin-top: 15px;
}
//修改颜色