微信小程序textarea层级过高？试试用长尾词优化布局！
- 内容介绍
- 文章标签
- 相关推荐
本文共计485个文字，预计阅读时间需要2分钟。
前言：由于小程序中的textarea组件是原生组件，其层级是最高的，因此页面中的其他组件无论设置z-index多高，都无法遮挡在原生组件之上，导致输入的文字会显示在小程序其他组件的下方。
前言
由于小程序中的textarea组件是原生组件，而原生组件的层级是最高的，所以页面中的其他组件无论设置 z-index 为多少，都无法盖在原生组件上，造成输入的文字会显示在小程序其他组件上，如下图所示：
<view class='bar bottomfix shadow justify-center'> <button class='' formType="submit" type="primary" style='font-size:12pt;border:0px;width:300px;'> 保 存</button> </view>
网上有一些绕弯路的解决办法，其实小程序有一个直接解决原生组件覆盖问题的办法，就是使用cover-view，小程序为了解决原生组件层级最高的限制。小程序专门提供了 cover-view 和 cover-image 组件，可以覆盖在部分原生组件上面。这两个组件也是原生组件，但是使用限制与其他原生组件有所不同。
本文共计485个文字，预计阅读时间需要2分钟。
前言：由于小程序中的textarea组件是原生组件，其层级是最高的，因此页面中的其他组件无论设置z-index多高，都无法遮挡在原生组件之上，导致输入的文字会显示在小程序其他组件的下方。
前言
由于小程序中的textarea组件是原生组件，而原生组件的层级是最高的，所以页面中的其他组件无论设置 z-index 为多少，都无法盖在原生组件上，造成输入的文字会显示在小程序其他组件上，如下图所示：
<view class='bar bottomfix shadow justify-center'> <button class='' formType="submit" type="primary" style='font-size:12pt;border:0px;width:300px;'> 保 存</button> </view>
网上有一些绕弯路的解决办法，其实小程序有一个直接解决原生组件覆盖问题的办法，就是使用cover-view，小程序为了解决原生组件层级最高的限制。小程序专门提供了 cover-view 和 cover-image 组件，可以覆盖在部分原生组件上面。这两个组件也是原生组件，但是使用限制与其他原生组件有所不同。