Web/admin-govern
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

表格按钮固定

Browse Source
This commit is contained in:
仲么了
2024-01-30 15:17:30 +08:00
parent a660ee86be
commit 1a970f3e84
4 changed files with 56 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/table/fieldRender/index.vue
View File

@@ -24,7 +24,7 @@
<!-- tag -->
<div v-if="field.render == 'tag' && fieldValue !== ''">
<el-tag :type="getTagType(fieldValue, field.custom)" effect="dark">
<el-tag :type="getTagType(fieldValue, field.custom)" size="small">
{{ field.replaceValue ? field.replaceValue[fieldValue] : fieldValue }}
</el-tag>
</div>
@@ -193,10 +193,57 @@ const getTagType = (value: string, custom: any): TagProps['type'] => {
padding: 4px 5px;
height: auto;
}
.table-operate .icon {
font-size: 14px !important;
color: var(--ba-bg-color-overlay) !important;
.cn-render-buttons {
.icon {
font-size: 12px !important;
// color: var(--ba-bg-color-overlay) !important;
}
.el-button--primary {
.icon {
color: var(--el-color-primary) !important;
&:hover {
color: var(--el-color-primary-light-3) !important;
}
}
}
.el-button--success {
.icon {
color: var(--el-color-success) !important;
&:hover {
color: var(--el-color-success-light-3) !important;
}
}
}
.el-button--warning {
.icon {
color: var(--el-color-warning) !important;
&:hover {
color: var(--el-color-warning-light-3) !important;
}
}
}
.el-button--danger {
.icon {
color: var(--el-color-danger) !important;
&:hover {
color: var(--el-color-danger-light-3) !important;
}
}
}
.el-button--info {
.icon {
color: var(--el-color-info) !important;
&:hover {
color: var(--el-color-info-light-3) !important;
}
}
}
}
.move-button {
cursor: move;
}