小程序（微信小程序textarea）textarea级别渗透率高问题解决方案分析

如何解决小程序中textarea级别过度渗透的问题？下面这篇文章介绍微信小程序通过cover -视图解决textarea级别穿透过多问题的方法，希望对大家有所帮助！

我做小程序以来，遇到过很多坑，其中一个就是textarea级别太高，会渗透到其他级别。这个时候，使用z-指标是没有用的。官方表示:》小程序框架为了优化体验，地图、视频、文本区、画布等部分组件由原生控件实现，原生组件的级别高于前端组件。为了正常覆盖原生组件，设计了cover -视图。

因此，使用cover -视图就足够了，但使用cover -视图时也有很多漏洞，这会导致使用cover -视图失败或cover -视图中的组件无法显示。接下来，我将描述我实施的方案，希望对您有所帮助。我在这里的需求是底部有一个提交按钮，但上面的文本区域将通过提交按钮，体验非常糟糕。【相关学习推荐:小程序开发教程】

起初，我在这里写道:

我提交的时候也看了很多博文，说这些照片没有在照片机上显示，我这边也是。后来，我发现了错误信息。

然后我把代码变成了这样:

提交//样式按钮{位置:固定；底部:0rpx边距:自动；宽度:100%；高度:37pxbackground -color:# 0090 ff；颜色:# FFFFFFfont -size:34r px；line -高度:37pxtext-align:居中；但是，它仍然没有显示:通过为cover -视图添加背景色，发现cover -视图并不高:

好版本:

提交//样式按钮{位置:固定；底部:0rpx边距:自动；宽度:100%；高度:37pxbackground -color:# 0090 ff；颜色:# FFFFFFfont -size:34r px；line -高度:37pxtext-align:居中；} cover -视图{ height:37px；位置:固定；底部:0；宽度:100%；z-指数:9999；}因此有必要为cover -视图添加样式。....

更多编程相关知识请访问:编程入门！！

以上就是解决小程序中textarea级别穿透过多问题的详细内容。更多内容请关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 下面来说说小程序中页面传递参数的几种方式（微信小程序页面传递值）。
• 如何在小程序中实现下拉刷新和上拉加载功能？（附代码）（小程序的上拉加载触发器）
• 如何在小程序中创建页面二维码
• 如何通过applet vant组件将默认样式单元px转换为rpx（Vantui applet）
• 再来说说微信小程序中的生命周期（功能）（请谈谈小程序的生命周期功能？)

本文由主机参考刊发，转载请注明：小程序（微信小程序textarea）textarea级别渗透率高问题解决方案分析 https://zhujicankao.com/105904.html