github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-08-01 23:18:17 +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 { .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
color: #606266; color: white;
background-color: primary; background-color: primary;
font-weight: 400; font-weight: 400;
} }
@ -431,7 +431,7 @@ td .el-button.el-button--mini {
.el-select-dropdown__item.selected { .el-select-dropdown__item.selected {
font-weight: 400; font-weight: 400;
color: #606266; color: white;
background-color: primary; background-color: primary;
} }

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

@ -49,7 +49,11 @@ export default {
stripe: false, // 斑马纹表格 stripe: false, // 斑马纹表格
border: false, // 表格边框 border: false, // 表格边框
fit: true, // 宽度自适应, 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, extraButtons: userTableActions.extraButtons,
onEdit: (row) => { onEdit: (row) => {
@ -103,7 +107,9 @@ export default {
return config return config
}, },
iListeners() { iListeners() {
return Object.assign({}, this.$listeners, this.tableConfig.listeners) const defaultListeners = {
}
return Object.assign(defaultListeners, this.$listeners, this.tableConfig.listeners)
}, },
dataTable() { dataTable() {
return this.$refs.table return this.$refs.table
@ -165,28 +171,38 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.el-table ::v-deep .el-table__row > td { .el-table ::v-deep .el-table__row {
line-height: 1.5; &.selected-row {
padding: 6px 0; background-color: #f5f7fa;
font-size: 13px; }
&> td {
* { line-height: 1.5;
vertical-align: middle; 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;
} }
//修改颜色 //修改颜色