Browse Source

去除搜索结果页筛选隐藏逻辑,处理搜索页面键盘影响页面显示的问题。

yangc 8 years ago
parent
commit
b0f72dc6e3
2 changed files with 10 additions and 2 deletions
  1. 9 1
      components/mobile/search/MainSearch.vue
  2. 1 1
      pages/mobile/search/_keycode.vue

+ 9 - 1
components/mobile/search/MainSearch.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="main-search" @touchstart="cancelFocus">
+  <div class="main-search" @touchstart="cancelFocus" id="main-search">
     <div class="main-search-header">
       <input type="text" id="search-box" v-model="keyword" placeholder="请输入您要查找的型号或品牌" @keyup.13="onSearch()">
       <span @click="onSearch()">搜索</span>
@@ -112,6 +112,14 @@
     },
     mounted () {
       document.getElementById('search-box').focus()
+      let height = window.innerHeight
+      window.onresize = function () {
+        if (window.innerHeight < height) {
+          document.getElementById('main-search').style.bottom = (window.innerHeight - height) / (document.documentElement.clientWidth / 750) + 'rem'
+        } else {
+          document.getElementById('main-search').style.bottom = 0
+        }
+      }
     },
     watch: {
       'keyword': function (val, oldVal) {

+ 1 - 1
pages/mobile/search/_keycode.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="search-list mobile-content">
-  <div class="search-item" v-if="productList.expose > 0 || productList.brands">
+  <div class="search-item">
       <span :class="activeType=='store'?'active':''" @click="clickType('store')">所有器件</span>
       <span :class="activeType=='support'?'active':''" @click="clickType('support')">仅看有货</span>
     </div>