mindawei/wsSearchView

搜索框高度有问题?

Opened this issue · 1 comments

我把你们的搜索框别的页面放在一起,这个搜索框会占用将近整个手机屏幕的空间,原来的初始界面能看到ui界面但是点击功能都不能用了。

@LancelotSaki

因为这个搜索页面和输入法输入框面板有冲突,所以我设计的时候将它定位为一个独立的页面。这个问题个人觉得可以这么解决:
方案1: 就是搜索框作为一个搜索入口,点击后跳转到真正的搜索页面,获得搜索结果在跳转回来,可以参考demo。
方案2: 可能要给搜索框添加一个失去焦点的事件 bindblur,当点在其它区域的时候,把下面的提示面板隐藏掉,这样应该下面的UI界面可以使用,但是输入关键字的时候输入框会把面板遮盖掉,很不舒服。

文档里面提到的查询天气的demo就是跳转到另一页的,还是建议方案1吧。方案2的话,可以结合我文档里面提到的wsSearch修改吧,放在一页还是有点麻烦的。现在蛮多搜索框点了都是跳到另一个页面的。

或者我没理解对的话可以再探讨。

个人觉得,当标签比较多的时候,这个还是会覆盖整个页面的,所以调高度不是很好解决办法。


如果是调高度的话,

  1. 直接在wxSearchView.wxml中,修改下面的height 和 top。
<view class="wxSearch" style="'block';height:{{wxSearchData.view.seachHeight}}px;top:{{wxSearchData.view.barHeight}}px;">
  1. 可以去这里试试 ,wxSearchView.js文件中
 wx.getSystemInfo({
    success: function (res) {
      var wHeight = res.windowHeight;
      view.seachHeight = wHeight - barHeight;  // 这里改成指定值
      temData.view = view;
      __that.setData({
        wxSearchData: temData
      });
    }
  });