微信小程序 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

智能推荐

Unsupported JPEG process: SOF type 0xc3之jai_imageio-1_0_01-lib-windows-i586-jre.exe安装踩过的坑_java unsupported jpeg process:-程序员宅基地

文章浏览阅读852次。开门见山。本人这里用的是jai_imageio-1_0_01-lib-windows-i586-jre.exe。(他还有另外的一个版本jai_imageio-1_0_01-lib-windows-i586-jdk.exe)。这里正式开始,本人测试环境:Win10 64位JDK是用jdk1.8.0_191 32位。直接双击jai_imageio-1_0_01-lib-windows-i586-jre.exe进行安装,如果之前已经装个一次,则第二次就会是卸载过程,如果没有装过,则是安装过程。以下过程_java unsupported jpeg process:

EMC原理-传导(共模、差模)与辐射(近场、远场)详解_电路直角emc-程序员宅基地

文章浏览阅读1.8k次,点赞3次,收藏26次。EMC原理-传导(共模、差模)与辐射(近场、远场)详解_电路直角emc

TomoSAR仿真_压缩感知层析sar matlab-程序员宅基地

文章浏览阅读286次。基于压缩感知的TomoSAR原理仿真_压缩感知层析sar matlab

【Flask + AI】接入CHATGLM API 实现翻译接口_chatglm4 api-程序员宅基地

文章浏览阅读1.8k次,点赞10次,收藏8次。实现了中英互译,注意,这两个例子非常重要,如果没有,模型可能会永远输出英文或者中文。在调用api时,把这个提示词设置为。最近的项目中,需要加一个翻译功能,正好chatglm4发布了,于是决定着手用它实现。首先,在chatglm开发者中心申请api key,这里不再赘述。其次,选择自己的开发框架,这里以 flask 为例。经过多次测试,得到了这样一个较为稳定的提示词。要实现翻译功能,一个优良的提示词十分重要。可以减小模型把这段话认为是指令的概率。_chatglm4 api

HarmonyOS系统结构_harmonyos架构-程序员宅基地

文章浏览阅读413次。4. 异构多核处理器的支持(Support for Heterogeneous Multi-core Processors):HarmonyOS可以支持不同的处理器,包括不同架构的CPU、GPU、芯片和物联网芯片等,这可以使得系统更加灵活和具有更强的性能。5. 面向服务的架构(Service-oriented Architecture):HarmonyOS强调面向服务的架构,可以将不同服务进行解耦,使得开发人员可以根据需求对服务进行组合和调用,提高系统的可扩展性和可维护性。_harmonyos架构

vue项目报GET http://192.168.32.105:8080/sockjs-node/info?t=1623033929802 net::ERR_CONNECTION_TIMED_OUT-程序员宅基地

文章浏览阅读492次。平时在写vue项目的时候经常会遇到这个问题,写着写着浏览器就会突然抛出下面这个报错(这个报错无关紧要,不影响开发,一般不要管他,有强迫症的小伙伴往下看)网上找到的原因是因为sockjs-node库创建了一个低延迟、全双工的浏览器和web服务器之间通信通道,当我们在项目运行的时候会自动调用这个接口,如果没有使用,就会一直报这个错误(企业中跟后端联调之后就不会有这个报错了)解决方法:1.在项目中打开node_modules包并找到/sockjs-client/dist/sockjs.js文件2.编码器(

随便推点

【老生谈算法】matlab实现瑞利衰落信道仿真-程序员宅基地

文章浏览阅读452次。由于多径和移动台运动等影响因素,使得移动信道对传输信号在时间、频率和角度上造成了色散,如时间色散、频率色散、角度色散等等,因此多径信道的特性对通信质量有着至关重要的影响,而多径信道的包络统计特性成为我们研究的焦点。根据不同无线环境,接收信号包络一般服从几种典型分布,如瑞利分布、莱斯分布和Nakagami-m分布.在本文中,专门针对服从瑞利分布的多径信道进行模拟仿真,进一步加深对多径信道特性的了解.通常在离基站较远、反射物较多的地区,发射机和接收机之间没有直射波路径,存在大量反射波;表1 多径延时参数。

前端高频面试题及答案整理(二)_监测数组的时候可能触发多次 get/set,那么如何防止触发多次呢?-程序员宅基地

文章浏览阅读2.1k次,点赞3次,收藏5次。防抖():触发高频事件 N 秒后只会执行一次,如果 N 秒内事件再次触发,则会重新计时。类似王者荣耀的回城功能,你反复触发回城功能,那么只认最后一次,从最后一次触发开始计时。核心思想:每次事件触发就清除原来的定时器,建立新的定时器。使用apply或call调用传入的函数。函数内部支持使用 this 和 event 对象;应用:防抖常应用于用户进行搜索输入节约请求资源,触发事件时进行防抖只触发一次。实现:并发与并行的区别?并发是宏观概念,我分别有任务 A 和任务 B,在一段时间内通过任务间的切换完成了这_监测数组的时候可能触发多次 get/set,那么如何防止触发多次呢?

Jupyter Notebook好用在哪?-程序员宅基地

文章浏览阅读212次。Jupyter Notebook 是一个 Web 应用程序,便于创建和共享文学化程序文档,支持实时代码、数学方程、可视化和 Markdown,其用途包括数据清理和转换、数值模拟、统计建模、机器学习等等。目前,数据挖掘领域中最热门的比赛 Kaggle 里的资料都是 Jupyter 格式。对于机器学习新手来说,学会使用 Jupyter Notebook 非常重要。下面这篇 Jupyter Notebo..._jupyter notebook的便捷之处

【ELM回归预测】基于秃鹰优化极限学习机BES-ELM实现数据回归预测附matlab代码_bes优化elm回归预测隐含层节点数-程序员宅基地

文章浏览阅读41次。在机器学习领域,回归预测是一项重要的任务,它可以帮助我们根据已有的数据来预测未来的趋势或结果。而极限学习机(ELM)作为一种快速且有效的机器学习算法,在回归预测中得到了广泛的应用。本文将介绍一种基于秃鹰优化的极限学习机(BES-ELM)算法,用于实现数据回归预测。首先,让我们了解一下极限学习机(ELM)算法的基本原理。ELM算法是一种单隐层前馈神经网络,其主要思想是随机初始化输入层到隐层的连接权重和偏置,然后通过求解线性方程组的方式得到输出层到隐层的权重。_bes优化elm回归预测隐含层节点数

Word字体倾斜如何弄正_wb作图斜着字-程序员宅基地

文章浏览阅读1.5k次。有时,我们需要把倾斜字体弄正。那么怎么操作呢?以最常用的极速办公speedoffice为例。首先,选择倾斜的文字,如图:接着,找到“主页”菜单栏里面的“斜体”工具,如图:最后,点击“斜体”工具,倾斜的文字即可恢复正常。..._wb作图斜着字

【故障分类】基于注意力机制的卷积神经网络结合双向长短记忆神经网络CNN-BiLSTM-attention实现数据分类附matlab代码_注意力机制代码实现-程序员宅基地

文章浏览阅读1.3k次,点赞16次,收藏7次。使用预训练模型提取特征超参数调优实践案例:对某语音数据集进行分类,取得了90%的准确率深度学习在计算机视觉、语音识别等领域取得了显著成果,本文旨在探讨一种新的深度学习模型CNN-BiLSTM-attention,用于实现数据分类任务。_注意力机制代码实现

推荐文章

热门文章

相关标签