收藏
回答

关于input框中加入向下图标,在手机端一次点击后,需要当前input框失去焦点才能二次触发?

<view class="t">

<view class="t1">申请类型:</view>

<view class="t2">

<view class="nav-son" bindtap="listpx">

<input placeholder='生产申请' value="{{department}}"></input>

<image src='{{imgUrl}}'></image>

</view>

</view>

<view class="temp {{pxopen ? 'slidown' : 'slidup'}} {{pxshow ? 'disappear':''}}">

<view wx:for="{{content}}" wx:key='this' data-index='{{index}}' catchtap='temp'>

{{item}}

</view>

</view>

</view>


 在开发者工具上点击向下图片,展开收起都可以,但是在手机端点击向下之后同时input框获取到焦点,二次点击收起就没有反应了,需要当前input框失去焦点才能再次点击,我应该怎么解决?

回答关注问题邀请回答
收藏

2 个回答

  • 风舞红枫、づ
    风舞红枫、づ
    2019-10-09

    用cover-image,,文字的话就cover-view吧


    2019-10-09
    有用 1
    回复 2
  • 微盟
    微盟
    2019-10-09

    灵魂画手来了。


    你可能需要这样布局。2中包含1和一个图片按钮,1是input本体,用透明度隐藏。然后给2写input的样式,从视觉上,2是个包含按钮的input。这样你图片按钮的事件就和Input本身的事件不冲突了

    2019-10-09
    有用 1
    回复 2
    • Hutool
      Hutool
      2019-10-09
      但是在开发工具上点击,input框也是获取到焦点,也是可以实现展开跟收起,手机端不行,这尴尬
      2019-10-09
      回复
    • Hutool
      Hutool
      2019-10-09
      哈哈,刚刚使用了这样的设计,要改好多样式
      2019-10-09
      回复
登录 后发表内容
问题标签