首页关键词库搜索框bug修改

src/main/resources/static/js/auto-input.js

@@ -66,18 +66,18 @@ class AutoCompleteBase {
         var style = document.createElement('style');
         style.textContent = `
         @media screen and (min-width: 768px) {
-            .auto-input ul{margin: 0;position:absolute;left:0;top:50px;width:50%;padding:8px 0;background:#fff; z-index: 999;box-shadow: 0px 6px 12px 1px rgba(0,0,0,0.1);max-height: 420px;overflow-y:auto;}
-            .auto-input ul::-webkit-scrollbar { width: 8px; background-color: #fff;}
-            .auto-input ul::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #e2e2e2;}
-            .auto-input ul li{padding:0 16px;font-size:14px;line-height:36px;height:36px;color:#2c3e50;user-select: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
-            .auto-input ul li:hover{background:#FEF6F3;}
+            .auto-input ul.auto-select-list{margin: 0;position:absolute;left:0;top:50px;width:50%;padding:8px 0;background:#fff; z-index: 999;box-shadow: 0px 6px 12px 1px rgba(0,0,0,0.1);max-height: 420px;overflow-y:auto;}
+            .auto-input ul.auto-select-list::-webkit-scrollbar { width: 8px; background-color: #fff;}
+            .auto-input ul.auto-select-list::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #e2e2e2;}
+            .auto-input ul.auto-select-list li{padding:0 16px;font-size:14px;line-height:36px;height:36px;color:#2c3e50;user-select: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
+            .auto-input ul.auto-select-list li:hover{background:#FEF6F3;}
         }
         @media screen and (max-width: 768px) {
-            .auto-input ul{margin: 0;position:absolute;left:0;top:5vw;width:50%;padding:2.4vw 0;background:#fff; z-index: 999;box-shadow: 0px 0.6vw 1.2vw 0.1vw rgba(0,0,0,0.1);max-height:82vw;overflow-y:auto;}
-            .auto-input ul::-webkit-scrollbar { width: 1.6vw; background-color: #fff;}
-            .auto-input ul::-webkit-scrollbar-thumb { border-radius: 0.8vw; background-color: #e2e2e2;}
-            .auto-input ul li{padding:0 3.2vw;font-size:3.4vw;line-height:8vw;height:8vw;color:#2c3e50;user-select: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
-            .auto-input ul li:hover{background:#ecf0f1;}
+            .auto-input ul.auto-select-list{margin: 0;position:absolute;left:0;top:5vw;width:50%;padding:2.4vw 0;background:#fff; z-index: 999;box-shadow: 0px 0.6vw 1.2vw 0.1vw rgba(0,0,0,0.1);max-height:82vw;overflow-y:auto;}
+            .auto-input ul.auto-select-list::-webkit-scrollbar { width: 1.6vw; background-color: #fff;}
+            .auto-input ul.auto-select-list::-webkit-scrollbar-thumb { border-radius: 0.8vw; background-color: #e2e2e2;}
+            .auto-input ul.auto-select-list li{padding:0 3.2vw;font-size:3.4vw;line-height:8vw;height:8vw;color:#2c3e50;user-select: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
+            .auto-input ul.auto-select-list li:hover{background:#ecf0f1;}
         }
         `
         this.container.appendChild(style);