手机版

快速解决微信小程序中textarea级别过高 无法屏蔽其他组件的问题

时间:2021-08-27 来源:互联网 编辑:宝哥软件园 浏览:

前言

由于小程序中的textarea组件是原生组件,并且原生组件的级别最高,因此无论设置多少z-index,页面中的其他组件都无法覆盖在原生组件上,导致输入文本显示在小程序的其他组件上,如下图所示:

view class=' bar bottom fix shadow alignment-center ' button class=' form type=' submit ' type=' primary ' style=' font-size :12 pt;border:0px宽度width:300px保存/按钮/视图。网上有一些弯路。事实上,一个小程序直接解决了原生组件覆盖的问题,即使用cover-view。这个小程序旨在解决本机组件级别的最高限制。小程序特别提供了封面视图和封面图片组件,可以覆盖一些原生组件。这两个组件也是本机组件,但是使用限制不同于其他本机组件。

上盖部分可以进行如下更改:

cover-view class=' bar bottom fix shadow alignment-center ' button class=' form type=' submit ' type=' primary ' style=' font-size :12 pt;border:0px宽度width:300px保存/按钮/封面视图的效果如下。试试看!

至此,覆盖的问题就解决了

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。有问题可以留言交流。谢谢你的支持。

版权声明:快速解决微信小程序中textarea级别过高 无法屏蔽其他组件的问题是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。