选择框可输入

src/components/LeftPanel.vue

@@ -88,7 +88,7 @@ const groupList = ref([
     hoverIcon: Human02,
     title: '数字人老师'
   },
-      {
+  {
     icon: en,
     hoverIcon: en02,
     title: '英文数字人老师'
@@ -112,7 +112,7 @@ const groupList = ref([
     icon: blockly,
     hoverIcon: blockly02,
     title: 'blockly游戏'
-  },
+  }
 ])
 
 
@@ -256,6 +256,23 @@ defineExpose({
   width: rpx(135);
   height: 100%;
   background: linear-gradient(to bottom, #001169, #8a78d0);
+  overflow-y: auto;
+  // 自定义滚动条样式
+  &::-webkit-scrollbar {
+    width: rpx(0); // 滚动条宽度
+  }
+  &::-webkit-scrollbar-track {
+    background-color: rgba(255, 255, 255, 0.1); // 滚动条轨道背景色
+    border-radius: rpx(2); // 滚动条轨道圆角
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(255, 255, 255, 0.3); // 滚动条滑块颜色
+    border-radius: rpx(2); // 滚动条滑块圆角
+    transition: background-color 0.3s ease; // 滑块颜色过渡效果
+  }
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(255, 255, 255, 0.5); // 鼠标悬停时的滑块颜色
+  }
 }
 .mb-2 {
   color: black;
@@ -265,7 +282,7 @@ defineExpose({
   background-color: transparent;
   border: none;
   width: 100%;
-  margin-top: rpx(55);
+  margin-top: rpx(25);
   margin-left: rpx(10);
 }
 .el-menu-item {

src/components/ai/image/ImageToImage.vue

@@ -92,6 +92,7 @@
           <el-select 
             v-model="selectedStyle" 
             placeholder="选择风格"
+              filterable
             @change="handleStyleSelectChange"
             size="small"
             class="custom-style-select"
@@ -721,6 +722,7 @@ const handleStyleSelectChange = (style) => {
 // 风格下拉框
 .custom-style-select {
     width: rpx(55);
+    color: black;
   }
 .custom-style-select ::v-deep(.el-select__wrapper) {
     background-color: #ffff;