Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

搜索框高度有问题? #1

Open
LancelotSaki opened this issue Jan 16, 2018 · 1 comment
Open

搜索框高度有问题? #1

LancelotSaki opened this issue Jan 16, 2018 · 1 comment

Comments

@LancelotSaki
Copy link

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

@mindawei
Copy link
Owner

mindawei commented Jan 16, 2018

@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
      });
    }
  });

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants