update: 滚动条样式抽离复用

This commit is contained in:
zhuoqinglian
2026-06-29 15:42:52 +08:00
parent 799ea28d82
commit 0270de1844
7 changed files with 30 additions and 36 deletions
@@ -288,23 +288,15 @@ export default {
</script>
<style lang="scss" scoped>
@import '@/styles/global.scss';
::v-deep .el-dialog {
margin-top: 6vh !important;
}
::v-deep .el-dialog__body {
max-height: 60vh;
overflow-y: auto;
&::-webkit-scrollbar {
width: 6px;
}
&::-webkit-scrollbar-thumb {
background: #a1c9fd;
border-radius: 3px;
}
&::-webkit-scrollbar-track {
background: #f0f3fe;
border-radius: 3px;
}
@include scrollbar-style;
}
.add-model-dialog {
.section-header {
@@ -599,7 +599,6 @@ export default {
.nav-text {
white-space: normal;
text-align: center;
max-width: 80px;
line-height: 1.2;
}
@@ -464,23 +464,15 @@ export default {
</script>
<style lang="scss" scoped>
@import '@/styles/global.scss';
::v-deep .el-dialog {
margin-top: 6vh !important;
}
::v-deep .el-dialog__body {
max-height: 60vh;
overflow-y: auto;
&::-webkit-scrollbar {
width: 6px;
}
&::-webkit-scrollbar-thumb {
background: #a1c9fd;
border-radius: 3px;
}
&::-webkit-scrollbar-track {
background: #f0f3fe;
border-radius: 3px;
}
@include scrollbar-style;
}
.model-edit-dialog {
.header-row {
+14
View File
@@ -29,4 +29,18 @@ select:-webkit-autofill:focus {
.popper__arrow {
border-top-color: #e4e7ed !important;
}
}
@mixin scrollbar-style {
&::-webkit-scrollbar {
width: 6px;
}
&::-webkit-scrollbar-thumb {
background: #a1c9fd;
border-radius: 3px;
}
&::-webkit-scrollbar-track {
background: #f0f3fe;
border-radius: 3px;
}
}
@@ -356,7 +356,9 @@ export default {
}
</script>
<style scoped>
<style lang="scss" scoped>
@import '@/styles/global.scss';
.welcome {
min-width: 900px;
min-height: 506px;
@@ -427,6 +429,7 @@ export default {
position: relative;
display: flex;
flex-direction: column;
overflow: auto;
}
.content-panel {
@@ -464,7 +467,8 @@ export default {
display: flex;
flex-direction: column;
flex: 1;
overflow: hidden;
overflow: auto;
@include scrollbar-style;
}
.features-grid {
@@ -709,6 +709,7 @@ export default {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
}
.operation-bar {
@@ -363,6 +363,8 @@ export default {
</script>
<style lang="scss" scoped>
@import '@/styles/global.scss';
.welcome {
min-width: 900px;
min-height: 506px;
@@ -484,17 +486,7 @@ export default {
align-content: start;
min-height: 200px;
overflow: auto;
&::-webkit-scrollbar {
width: 6px;
}
&::-webkit-scrollbar-thumb {
background: #a1c9fd;
border-radius: 3px;
}
&::-webkit-scrollbar-track {
background: #f0f3fe;
border-radius: 3px;
}
@include scrollbar-style;
}
.voice-clone-card {