فهرست منبع

fix: 输入框弹起时高度问题处理

zhangyuhan 4 سال پیش
والد
کامیت
ae5747685e

+ 1 - 0
src/jfw/modules/app/src/web/staticres/jyapp/js/searchindex.js

@@ -225,6 +225,7 @@ var SuperSearch = {
       if ($(this).text().trim() !== '筛选' || $("#search-header-input").val().trim() === '') {
         return
       }
+      $("#supersearchPage input[name=super_searchinput]").blur();
       if (vMainSearchComponent) {
         vMainSearchComponent.toggleEntShow(true)
       }

+ 1 - 0
src/jfw/modules/app/src/web/templates/weixin/search/mainSearch.html

@@ -878,6 +878,7 @@
               var isNowIndex = $(".tabs-box .tabs-nav .active").index()
                 if (!$(".tabs-box").hasClass('hidden') && isNowIndex !== 0) {
                     if (isNowIndex === 1) {
+                      $("#supersearchPage input[name=super_searchinput]").blur();
                       window.isKeyDownToEntSearch = true
                       if (vEntSearchComponent) {
                         vEntSearchComponent.toggleEntShow(true)

+ 13 - 0
src/web/staticres/common-module/ent-search/ent-search-template.js

@@ -430,6 +430,7 @@ var vEntSearchComponent = new Vue({
       $("#v-ent-search-group .ent-search-pop").css({height: 'unset'})
     },
     fixedScroll () {
+      console.log('fix view Height for EntSearch')
       $(".app-layout-content-b").scrollTop(0)
       $(".app-layout-content-b").addClass('ent-stop-scroll')
       var isMaxHeight = $(".app-layout-content-b").height() - $(".tabs-nav").height() - $("#v-ent-search-group .van-tabs.van-tabs--line").height()
@@ -501,6 +502,9 @@ var vEntSearchComponent = new Vue({
         this.entSearchKey = new Date().getTime()
         $("#supersearchPage input[name=super_searchinput]").blur();
         this.doQueryList()
+        $(window).on('resize', this.fixedScroll.bind(this))
+      } else {
+        $(window).off('resize', this.fixedScroll.bind(this))
       }
       var _this = this
       this.$nextTick(function () {
@@ -510,6 +514,15 @@ var vEntSearchComponent = new Vue({
           _this.removeFixedScroll()
         }
       })
+      setTimeout(function () {
+        _this.$nextTick(function () {
+          if (type) {
+            _this.fixedScroll()
+          } else {
+            _this.removeFixedScroll()
+          }
+        })
+      }, 300)
     }
   }
 })

+ 2 - 2
src/web/staticres/common-module/keep-tags/keep-tags-template.js

@@ -114,8 +114,7 @@ var tempStyleComponent = `<style>
         line-height: 0.52rem;
         color: #F7F9FA;
         border-color: #2ABED1;
-        padding-top: 0.44rem;
-        padding-bottom: 0.44rem;
+        height: 0.92rem;
     }
     #v-keep-component .keep-component-bottom .van-button__loading {
         font-size: 0.32rem;
@@ -212,6 +211,7 @@ var tempStyleComponent = `<style>
         border-color: #2ABED1;
     }
     #v-keep-component .keep-component-input-group  input {
+        width: 100%;
         -webkit-transition: width 0.2s;
         transition: width 0.2s;
         -webkit-box-flex: 1;

+ 1 - 0
src/web/templates/weixin/search/mainSearch.html

@@ -1008,6 +1008,7 @@
               var isNowIndex = $(".tabs-box .tabs-nav .active").index()
                 if (!$(".tabs-box").hasClass('hidden') && isNowIndex !== 0) {
                     if (isNowIndex === 1) {
+                      $("#supersearchPage input[name=super_searchinput]").blur();
                       window.isKeyDownToEntSearch = true
                       if (vEntSearchComponent) {
                         vEntSearchComponent.toggleEntShow(true)