自定义顶部导航栏的标题内容与textarea文本内容重叠
发布于 5 年前 作者 yanjun 9116 次浏览 来自 问答
  • 需求的场景描述（希望解决的问题）
  • 希望提供的能力

问题如标题所示，我的需求是能不能将组件textarea设置成与input组件类似，仅在获得焦点时才为原生组件

3 回复

请问这个问题解决了吗？我也遇到同样的问题

麻烦给个相关的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）和相关截图

<custom style="height:{{CustomBar}}px;z-index:2000px;">
  <bar class="fixed" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
    <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
      <icon class='icon-back' /><text class='text-cut width-360rpx' space='ensp'> {{title}}</text>
    </navigator>
  </bar>
</custom>
<!--输入栏 start-->
<view class="containers">
  <!--form start-->
  <form bindsubmit="formSubmit">
    <view class="weui-cells weui-cells_after-title form-margin-top">
      <view class="weui-cell">
        <view class="weui-cell__bd">
          <textarea name="reason" value='{{reason}}' maxlength="200" class="weui-textarea" placeholder="请输入用车原因" style="height: 3.3em;" bindinput="bindReasonInput"/>
          <view class="weui-textarea-counter">{{reasonIptCount}}/200</view>
        </view>
      </view>
    </view>
    <view class="weui-cells__title">起点</view>

默认页面

页面上滑内容与标题重叠

回到顶部