小程序（微信小程序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级别穿透过多问题的详细内容。更多内容请关注主机参考其他相关文章！

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

• 如何实现小程序发送服务通知（小程序如何主动向用户发送通知）
• 如何获取小程序的unionid（如何获取小程序的页面路径）
• 生成海报的示例小程序（Java后端）（微信小程序生成海报演示）
• 什么是小程序？ 有哪些功能？（什么是小程序？有哪些功能？）
• 介绍如何用小程序生成参数二维码（二维码+小程序参数）

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