微信小程序 textarea组件层级过高导致文字穿透浮层的解决方法_小程序上传多张图片 一:textarea组件层级过高导致文字穿透浮层问题。-程序员宅基地

技术标签: 前端开发  微信小程序  # 微信小程序  

页面中有一个fixed浮层,就算把层级设置到9999了,textarea的placeholder文字或者输入的文字内容都会直接穿透浮层,显示在浮层的上面。如下图:

 

解决方法:

再写一个样式跟textarea一样的view。当浮层出现时,隐藏textarea,显示模拟的textarea,即以下代码的isShow: true

<view class="textarea" wx:if="{
   {!isShow}}">
   <textarea maxlength="150" placeholder="请输入你的问题:(限150字)"></textarea>
</view>
<view class="simulate_textarea" wx:if="{
   {isShow}}">请输入你的问题:(限150字)</view>

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/mossbaoo/article/details/87169102

智能推荐

scrapy_当你准备启动一个项目时,可以从这个教程开始-程序员宅基地

文章浏览阅读446次。scrapyScrapy,Python开发的一个快速,高层次的屏幕抓取和web抓取框架,用于抓取web站点并从页面中提取结构化的数据。Scrapy用途广泛,可以用于数据挖掘、监测和自动化测试。Scrapy吸引人的地方在于它是一个框架,任何人都可以根据需求方便的修改。它也提供了多种类型爬虫的基类,如BaseSpider、sitemap爬虫等,最新版本又提供了web2.0爬虫的支持。_当你准备启动一个项目时,可以从这个教程开始

树莓派中SIM7600G-H 4G DONGLE模块使用记录(二)使用花生壳服务器实现数据的远程传输_树莓派有sim卡模块吗-程序员宅基地

文章浏览阅读4.7k次,点赞11次,收藏18次。项目场景:在之前对树莓派进行PPP拨号上网/4G上网后,需要对树莓派中采集到的数据远程上传,并能接收云端软件下达的指令。然而在实现过程中,我们并不能够直接通过ITCP/IP通信实现数据的远程传输,还需要一个服务器作为中间桥梁,将云端主机的IP端口映射在全网上,这样树莓派才能通过映射后的IP地址与云端主机建立连接,实现数据的远程传输。花生壳花生壳是一款能够免费进行内网穿透与端口映射的服务器工具,可以在官网上直接搜索无需配置。支持多种通信格式,这里我们使用TCP通信类型。网络调试助手由于项目主体_树莓派有sim卡模块吗

先是IPV6,再是WI-FI7你都清楚这是什么吗?_ipv6和wifi6有什么区别-程序员宅基地

文章浏览阅读825次。先是IPV6,再是WI-FI7你都清楚这是什么吗?_ipv6和wifi6有什么区别

【SSM学习】6、Mybatis 动态sql语句实例详解_"<update id=\"updateworkstatebyid\"> update employ-程序员宅基地

文章浏览阅读1.9k次。首先我们给出一个Mapper配置文件,用于参照使用,下面给出详细介绍&amp;amp;amp;amp;amp;lt;?xml version=&amp;amp;amp;amp;quot;1.0&amp;amp;amp;amp;quot; encoding=&amp;amp;amp;amp;quot;UTF-8&amp;amp;amp;amp;quot; ?&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;l_" update employee set

Python爬虫神器pyppeteer-程序员宅基地

文章浏览阅读1.7w次,点赞18次,收藏119次。Puppeteer 是 Google 基于 Node.js 开发的工具,调用 Chrome 的 API,通过 JavaScript 代码来操纵 Chrome 完成一些操作,用于网络爬虫、Web 程序自动测试等。pyppeteer 是非官方 Python 版本的 Puppeteer 库。_pyppeteer

随便推点

几行代码轻松实现,Tensorlayer 2.0推出深度强化学习基准库_tensorlayer 2.0+-程序员宅基地

文章浏览阅读494次。2019-11-11 16:37:04机器之心发布机器之心编辑部强化学习通过使用奖励函数对智能体的策略进行优化,深度强化学习则将深度神经网络应用于强化学习算法。深度强化学习由于其可扩展性,受到科研界和工业界越来越多的关注,其应用包括简单的基于图像的游戏,和高度复杂的游戏如星际争霸,以及棋牌类游戏如围棋、德州扑克等,在机器人控制领域也逐渐被科研人员采用。近日,为了让工业界能更好地..._tensorlayer 2.0+

vivado中各个文件的含义_vivado 文件集-程序员宅基地

文章浏览阅读5.6k次,点赞4次,收藏31次。大侠好,欢迎来到FPGA技术江湖,江湖偌大,相见即是缘分。大侠可以关注FPGA技术江湖,在“闯荡江湖”、"行侠仗义"栏里获取其他感兴趣的资源,或者一起煮酒言欢。今天给大侠带来了Xilinx vivado中各个文件的含义,话不多说,上货。在Xilinx ISE中不同的操作都有不同的文件类型对应,例如综合、布局、布线、生成比特流等都会产生特定格式的文件,在vivado中也是一样,只不过在vivado中,文件的格式相比于ISE中更加统一。1,.dcp文件,在ise中每个过程都会产生特定格式.._vivado 文件集

中科大计算机与技术学院报录比,报录比49:1!院校专业对比!盘点那些堪称“卷中之王”的专业!...-程序员宅基地

文章浏览阅读1.6k次。原标题:报录比49:1!院校专业对比!盘点那些堪称“卷中之王”的专业!院校报录比更新这两天好多院校都开始陆续公布20年报录比相关数据,真是不看不知道,一看吓一跳,1615人报名,录取33人,报录比50:1,堪称内卷王中王,小黑看到只想大喊一声“快逃!”。今天我们就来盘点一下近两年内卷到飞起的专业和院校,给大家排排雷! 新传新传的“卷”已经和学校没有什么关系了,是的,我不针对哪个学校,我说的是所有学..._中科大计算机考研学硕 报录比

0x000000ea(0x000000ea蓝屏代码是什么意思)-程序员宅基地

文章浏览阅读2.1k次。蓝屏错误代码0X000000EA(0X85AFDDA0,OX89?0x000000EA错误表示显示驱动程序遇到了问题。这个错误一般是因为显卡或显示器的驱动程序存在BUG或安装不正确引起的。 如果遇到0x000000EA错误,建议在Windows中重新安装显卡及显示器驱动程序,看看问题能否解决;如果故障依旧,请使用“替换..._0x000000ea

【Office】解决Excel关闭Personal工作簿导致宏不见的情况_个人宏工作簿不见了-程序员宅基地

文章浏览阅读1w次。问题:Excel想要编辑或者删除宏,都要先取消隐藏这个PERSONAL的工作簿今天取消隐藏之后,顺手就关掉了,然后就发现自己保存的宏不见了解决:找出文件PERSONAL.XLSB并重新打开即可解决过程:在网上找了一番,大概是因为我把宏保存到个人工作簿中(就是PERSONAL.XLSB)然后,实际上,我们打开Excel的时候也会同时在隐藏中打开PERSONAL.XLSB和..._个人宏工作簿不见了

FPGADesigner《FPGA数字信号处理系列》目录与传送门_使用matlab与fpga实现2ask的调制与解调-程序员宅基地

文章浏览阅读1.8w次,点赞57次,收藏364次。本系列介绍Alter/Xilinx FPGA中各种数字信号处理算法的实现,学习各种DSP IP核的使用方法,以及DSP算法的设计思路和关键问题。_使用matlab与fpga实现2ask的调制与解调

推荐文章

热门文章

相关标签