public/FastapiAdmin
1
0
Fork 0
mirror of https://github.com/fastapiadmin/FastapiAdmin.git synced 2026-10-10 11:31:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: 升级Vue SFC深度选择器语法为::v-deep

Browse Source 
本次提交将项目中所有使用`::deep`的CSS深度选择器统一替换为Vue 3官方推荐的`::v-deep`语法，修复了旧版语法在新版本Vue生态中的兼容性问题，同时修正了部分组件的响应式表单定义方式，将`reactive`配合`Object.assign`的写法调整为更符合Vue 3组合式API规范的`ref`响应式状态写法，整体优化了代码的可维护性和兼容性。
This commit is contained in:
zhangtao
2026-05-11 15:46:18 +08:00
parent 4112942a14
commit 80d4f18e8b
64 changed files with 510 additions and 501 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/web/src/components/views/fa-login/AuthTopBar.vue
+4 -4
View File
@@ -256,7 +256,7 @@ const changeThemeColor = (color: string) => {
transform: translateY(-2px);
}
.auth-top-bar__action:hover ::deep(.fa-svg-icon) {
.auth-top-bar__action:hover ::v-deep(.fa-svg-icon) {
color: var(--el-color-primary);
}
@@ -314,15 +314,15 @@ const changeThemeColor = (color: string) => {
}
/* 调色盘：图标颜色与当前主题主色一致（含单独悬浮、整块调色区悬浮） */
.palette-btn ::deep(.fa-svg-icon) {
.palette-btn ::v-deep(.fa-svg-icon) {
color: v-bind("themeColorForCss");
}
.auth-top-bar__action.palette-btn:hover ::deep(.fa-svg-icon) {
.auth-top-bar__action.palette-btn:hover ::v-deep(.fa-svg-icon) {
color: v-bind("themeColorForCss");
}
.color-picker-expandable:hover .palette-btn ::deep(.fa-svg-icon) {
.color-picker-expandable:hover .palette-btn ::v-deep(.fa-svg-icon) {
color: v-bind("themeColorForCss");
}
</style>