xiaozhi/xiaozhi-admin-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 重构 将scss文件拆解 按具体功能细分文件 便于后续维护

Browse Source
This commit is contained in:
疯狂的狮子Li
2026-03-25 12:06:46 +08:00
parent 1fb116f059
commit 9f577be6ff
52 changed files with 2830 additions and 2987 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/RoleSelect/index.vue
+6 -59
View File
@@ -259,64 +259,11 @@ defineExpose({
</script>
<style lang="scss" scoped>
.role-select-shell {
gap: 12px;
}
@use '@/assets/styles/components/selector-dialog' as selectorDialog;
.selector-card {
height: 100%;
}
.selector-header {
align-items: flex-start;
}
.selector-tags {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 6px;
max-width: min(100%, 520px);
}
.selector-tags :deep(.el-tag) {
margin: 0;
}
.role-select-dialog :deep(.el-dialog__body) {
padding-top: 12px;
}
.selector-table {
border-radius: 10px;
overflow: hidden;
}
.selector-table :deep(.vxe-table--render-default) {
border-radius: 10px;
color: var(--app-text-title);
}
.selector-table :deep(.vxe-header--column) {
background: var(--tableHeaderBg);
color: var(--tableHeaderTextColor);
font-weight: 600;
}
.selector-table :deep(.vxe-body--column),
.selector-table :deep(.vxe-header--column) {
border-color: var(--app-surface-border);
}
.selector-table :deep(.vxe-body--row.row--hover),
.selector-table :deep(.vxe-body--row:hover) {
background-color: rgba(53, 109, 255, 0.05);
}
@media (max-width: 768px) {
.selector-tags {
justify-content: flex-start;
max-width: 100%;
}
}
@include selectorDialog.shell-gap('.role-select-shell');
@include selectorDialog.card-shell;
@include selectorDialog.selector-header-tags;
@include selectorDialog.dialog-body-padding('role-select-dialog');
@include selectorDialog.selector-table;
</style>
src/components/UserSelect/index.vue
+7 -59
View File
@@ -328,19 +328,18 @@ defineExpose({
</script>
<style lang="scss" scoped>
.user-select-shell,
.user-select-main {
gap: 12px;
}
@use '@/assets/styles/components/selector-dialog' as selectorDialog;
@include selectorDialog.shell-gap('.user-select-shell', '.user-select-main');
@include selectorDialog.card-shell;
@include selectorDialog.selector-header-tags(992px);
@include selectorDialog.dialog-body-padding('user-select-dialog');
@include selectorDialog.selector-table;
.selector-layout {
align-items: stretch;
}
.selector-card {
height: 100%;
}
.selector-side-card {
min-height: 100%;
}
@@ -353,60 +352,9 @@ defineExpose({
min-height: 400px;
}
.selector-header {
align-items: flex-start;
}
.selector-tags {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 6px;
max-width: min(100%, 520px);
}
.selector-tags :deep(.el-tag) {
margin: 0;
}
.user-select-dialog :deep(.el-dialog__body) {
padding-top: 12px;
}
.selector-table {
border-radius: 10px;
overflow: hidden;
}
.selector-table :deep(.vxe-table--render-default) {
border-radius: 10px;
color: var(--app-text-title);
}
.selector-table :deep(.vxe-header--column) {
background: var(--tableHeaderBg);
color: var(--tableHeaderTextColor);
font-weight: 600;
}
.selector-table :deep(.vxe-body--column),
.selector-table :deep(.vxe-header--column) {
border-color: var(--app-surface-border);
}
.selector-table :deep(.vxe-body--row.row--hover),
.selector-table :deep(.vxe-body--row:hover) {
background-color: rgba(53, 109, 255, 0.05);
}
@media (max-width: 992px) {
.selector-tree {
min-height: 220px;
}
.selector-tags {
justify-content: flex-start;
max-width: 100%;
}
}
</style>