关键词库版本1.0.0版本上测试

src/main/resources/static/css/article/article.css

@@ -242,12 +242,12 @@ dl,dd,dt{zoom:1}
 	#scrollTop .item>span{box-sizing:border-box;display:block;padding:1.5vw;line-height:3.4vw;}
 	#scrollTop .item .toTop:before{display:block;margin:0 auto;width:5.8vw;height:5.8vw;background-position:-58.8vw -9vw}
 	.loading{box-sizing:border-box;padding:20vw 0;text-align:center}
-	.header{position:relative}
+	.header{position: sticky; top: 0; z-index: 9; background: #f5f5f5;}
 	.h5-head{box-sizing:border-box;width:100%;background:#FFF;height:13.6vw;margin-bottom:2.6vw;padding:0 2.6vw;position:relative}
 	.h5-head .index{float:left;width:9vw;line-height:3.4vw;text-align:center;font-size:3.7vw;color:#333}
 	.h5-head .index img{width:100%}
 	.h5-head .hotWord{float:right;background-color:#e15616;color:#fff;text-align:center;border-radius:5px;width:16vw;height:9.6vw;line-height:9.6vw;font-size:3.7vw;margin-top:2vw}
-	.search{position:absolute;top:2vw;left:15vw;width:64vw;height:9.6vw;line-height:9.6vw;margin:0 auto;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:5px;overflow:hidden}
+	.search{position:absolute;top:2vw;left:15vw;width:64vw;height:9.6vw;line-height:9.6vw;margin:0 auto;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:5px;}
 	.search .keyword{position:absolute;left:0;top:0;border:none;outline:none;width:48vw;height:9.6vw;font-size:3.7vw;color:#4A4F58;text-indent:7.6vw;background:#FFF url(/img/info/search-m.png) no-repeat 1.6vw center;background-size:auto 60%}
 	.search .searchBtn{position:absolute;right:0;top:0;width:16vw;height:9.6vw;font-size:3.7vw;color:#fff;text-align:center;background-color:#e15616}
 	.search .searchBtn:before{content:'搜索'}

src/main/resources/static/css/base/base.h5.css

@@ -5,7 +5,7 @@
 .noneImportant .footTop,
 .noneImportant .footMain{display:none!important;}
 .wechat_qrcode{display: none;}
-.baseHeadCenter,#container,.footMain{width:100%;overflow:hidden;}
+#container,.footMain{width:100%;overflow:hidden;}
 .pcOnly,.jqSelect .pc,.baseHeadCenter .headCart,.baseHeadCenter .hotKey,.baseTopNav_nav{display:none!important;}
 .baseHeadTop .wrap ul>li,.baseHeadTop .header_top_left{display:none;}
 .mIcon:before{content:'';display:inline-block;font-size:0;background:url(/img/base/icon_m.png) no-repeat;background-size:100vw auto;transition:all .5s}
@@ -254,4 +254,4 @@
 .cmbeans-alert-content-tips{width: 100%;height: 5.6vw;line-height: 5.6vw;margin-top: 4vw;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;}
 .cmbeans-alert-content-tips .tips{width: 27.2vw;height: 5.6vw;background-color: rgba(226, 91, 28, 0.1);border-radius: 2.8vw;line-height: 5.6vw;font-size: 2.6vw;color: #E15616;text-align: center;padding: 0 1.2vw;}
 
-
+#globalHead{position: sticky !important; top: 0 !important; left: 0 !important; z-index: 9;}

src/main/resources/static/js/article/list.js

@@ -63,8 +63,8 @@ var articleList = new Vue({
         this.$nextTick(function () {
             self.initQueryParam();
             self.initBase();
-            self.initAuthInputComplete();
         });
+        self.initAuthInputComplete();
     },
 
     methods: {

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

@@ -24,8 +24,13 @@ class AutoComplete {
     init() {
         this.container = document.querySelector(this.options.el);
         this.input = this.container.querySelector('input');
+        this.ul = this.container.querySelector('.auto-select-list')
+        if(this.ul){
+            this.ul.remove();
+        }
         this.ul = document.createElement('ul');
         this.ul.style.display = 'none';
+        this.ul.classList.add('auto-select-list');
         this.container.appendChild(this.ul);
         this.input.addEventListener('input', this.handleInput);
         this.input.addEventListener('blur', this.handleBlur);
@@ -97,6 +102,7 @@ class AutoComplete {
      * 输入框blur事件
      */
     blurEvent() {
+        if(!this.isPc()) return
         this.ul.style.display = 'none';
     }
 
@@ -147,59 +153,9 @@ class AutoComplete {
             return result;
         };
     }
-}
 
-// test
-// function autocomplete(text) {
-//     return [
-//         '三全鲜食（北新泾店）',
-//         'Hot honey 首尔炸鸡（仙霞路）',
-//         '新旺角茶餐厅',
-//         '泷千家(天山西路店)',
-//         '胖仙女纸杯蛋糕（上海凌空店）',
-//         '贡茶',
-//         '豪大大香鸡排超级奶爸',
-//         '茶芝兰（奶茶，手抓饼）',
-//         '十二泷町',
-//         '星移浓缩咖啡',
-//         '阿姨奶茶/豪大大',
-//         '新麦甜四季甜品炸鸡',
-//         'Monica摩托主题咖啡店',
-//         '浮生若茶（凌空soho店）',
-//         'NONO JUICE  鲜榨果汁',
-//         'CoCo都可(北新泾店）',
-//         '快乐柠檬（神州智慧店）',
-//         'Merci Paul cafe',
-//         '猫山王（西郊百联店）',
-//         '枪会山',
-//         '纵食',
-//         '钱记',
-//         '壹杯加',
-//         '唦哇嘀咖',
-//         '爱茜茜里(西郊百联)',
-//         '爱茜茜里(近铁广场)',
-//         '鲜果榨汁（金沙江路和美广店）',
-//         '开心丽果（缤谷店）',
-//         '超级鸡车（丰庄路店）',
-//         '妙生活果园（北新泾店）',
-//         '香宜度麻辣香锅',
-//         '凡仔汉堡（老真北路店）',
-//         '港式小铺',
-//         '蜀香源麻辣香锅（剑河路店）',
-//         '北京饺子馆',
-//         '饭典*新简餐（凌空SOHO店）',
-//         '焦耳·川式快餐（金钟路店）',
-//         '动力鸡车',
-//         '浏阳蒸菜',
-//         '四海游龙（天山西路店）',
-//         '樱花食堂（凌空店）',
-//         '壹分米客家传统调制米粉(天山店)',
-//         '福荣祥烧腊（平溪路店）',
-//         '速记黄焖鸡米饭',
-//         '红辣椒麻辣烫',
-//         '(小杨生煎)西郊百联餐厅',
-//         '阳阳麻辣烫',
-//         '南拳妈妈龙虾盖浇饭',
-//     ].filter((item) => text && item.indexOf(text) > -1);
-// }
+    isPc(){
+        return window.innerWidth > 768
+    }
+}
 

src/main/resources/templates/encyclopedia/components/footer.html

@@ -15,7 +15,8 @@
 <script src="/lib/jquery-3.6.0.min.js"></script>
 <script charset="utf-8" type="text/javascript" src="/lib/vue2.6.12.min.js"></script>
 <script charset="utf-8" type="text/javascript" src="/lib/jquery.slide-2.1.3.js"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/ajax.service.js}"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/utils.service.js(v=${version})}"></script>
-<script charset="utf-8" type="text/javascript" th:src="@{/js/base.js(v=${version})}"></script>
 <script th:src="@{/js/auto-input.js(v=${version})}" xmlns:th="https://www.thymeleaf.org"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/base.js(v=${version})}"></script>
 <script th:src="@{/js/encyclopedia/common.js(v=${version})}" xmlns:th="https://www.thymeleaf.org"></script>