update: 滚动条样式抽离复用

main/manager-web/src/components/AddModelDialog.vue

@@ -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 {
+  @include scrollbar-style;
-      width: 6px;
-    }
-  &::-webkit-scrollbar-thumb {
-    background: #a1c9fd;
-    border-radius: 3px;
-  }
-  &::-webkit-scrollbar-track {
-    background: #f0f3fe;
-    border-radius: 3px;
-  }
 }
 .add-model-dialog {
   .section-header {

main/manager-web/src/components/HeaderBar.vue

@@ -599,7 +599,6 @@ export default {
 .nav-text {
   white-space: normal;
   text-align: center;
-  max-width: 80px;
   line-height: 1.2;
 }
 

main/manager-web/src/components/ModelEditDialog.vue

@@ -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 {
+  @include scrollbar-style;
-      width: 6px;
-    }
-  &::-webkit-scrollbar-thumb {
-    background: #a1c9fd;
-    border-radius: 3px;
-  }
-  &::-webkit-scrollbar-track {
-    background: #f0f3fe;
-    border-radius: 3px;
-  }
 }
 .model-edit-dialog {
   .header-row {

main/manager-web/src/styles/global.scss

@@ -30,3 +30,17 @@ select:-webkit-autofill:focus {
     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;
+  }
+}

main/manager-web/src/views/FeatureManagement.vue

@@ -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 {

main/manager-web/src/views/KnowledgeBaseManagement.vue

@@ -709,6 +709,7 @@ export default {
   position: relative;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
 
 .operation-bar {

main/manager-web/src/views/VoiceCloneManagement.vue

@@ -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 {
+  @include scrollbar-style;
-    width: 6px;
-  }
-  &::-webkit-scrollbar-thumb {
-    background: #a1c9fd;
-    border-radius: 3px;
-  }
-  &::-webkit-scrollbar-track {
-    background: #f0f3fe;
-    border-radius: 3px;
-  }
 }
 
 .voice-clone-card {