小程序中textarea层级最高的结局办法

在小程序中textarea层级比较高，当底部有fiexd定位的时候或出现文本框中的文本穿透显示出来，解决办法是在texarea标签下面添加一个view或者text标签来和texarea标签替换使用

<view class='textarea_wrap'>       <textarea  class='resource-textarea' wx:if='{{isshowtext==true}}'  placeholder="添加产品亮点、参数、细节等"  maxlength='-1' name='introduce' placeholder-class="p-input"  auto-height='true' bindblur='onremarkinput'  focus='{{onFocuse}}' value='{{introduce}}'></textarea><view  class='replace_textare' wx:if="{{isshowtext==false&&introduce!=''}}" bindtap='onshowtexarea' style='padding-left:10rpx;min-height:134rpx;margin:0 0 20rpx 12rpx;width:95%;font-size：28rpx;color:#666' >{{introduce}}</view><view  class='replace_textare' wx:if="{{isshowtext==false&&introduce==''}}" bindtap='onshowtexarea' style='padding-left:10rpx;min-height:134rpx;margin:0 0 20rpx 12rpx;width:95%;font-size：28rpx;color:#999;' >添加产品亮点、参数、细节等</view></view>

data{// 多行文本框onFocus: false,isshowtext: false,introduce: '',
}// 多行文本框解决办法onshowtexarea() {var self = thisself.setData({onFocus: true,isshowtext: true})},onremarkinput(e) {var value = e.detail.valuethis.setData({introduce: value,onFocus: false,isshowtext: false})},

小程序中textarea层级最高的结局办法相关推荐

小程序中textarea自适应高度的问题
在学习小程序过程,在textarea的使用上,碰到过两个问题,这里分享一下: 一.设置style里的height属性无效解决方法: /*XXX.wxss*/ page{height: 100%; } ...
小程序中textarea点击按钮事件
textarea 的 blur 事件会晚于页面上的 tap 事件,如果需要在 button 的点击事件获取 textarea,可以使用 form 的 bindsubmit. <view clas ...
微信小程序中如何设置textarea或者van-field中的placeholder换行显示
微信小程序中如何设置textarea中的placeholder换行显示 van-field 中直接修改textarea 标签的样式即可 <textarea class="txt_wor ...
小程序中所有组件学习
视图容器 view 视图容器属性名类型默认值说明最低版本 hover-class String none 指定按下去的样式类.当 hover-class="none" 时 ...
Canvas绘图在微信小程序中的应用:生成个性化海报
Canvas绘图在微信小程序中的应用:生成个性化海报如极客时间的一些实现案例: 基础语法 Canvas本质是一个可以使用脚本(通常为JavaScript)来绘制图形的 HTML 元素,默认大小为30 ...
小程序中如何实现即时通信聊天功能？
项目背景:小程序中实现实时聊天功能一.服务器域名配置配置流程配置参考URL:https://developers.weixin.qq.com/miniprogram/dev/api/api-ne ...
浅谈高大上的微信小程序中渲染html内容—技术分享
大部分Web应用的富文本内容都是以HTML字符串的形式存储的,通过HTML文档去展示HTML内容自然没有问题.但是,在微信小程序(下文简称为「小程序」)中,应当如何渲染这部分内容呢? 解决方案 wxP ...
微信小程序中的正则验证、手机号验证随笔
微信小程序中的正则验证.手机号验证随笔需求:小程序开发中的表单提交,涉及到手机号验证,必填项验证等问题微信小程序中不通过操作DOM节点来实现验证,因此绝了我想要通过节点直接获取值进行验证的想法 $ ...
Canvas绘图在微信小程序中的应用:生成个性化海报 1
一.Canvas应用的背景(个人理解)及基础语法背景从2012年开始,微信那个时候用户的积累的量已经非常大了,推出公众号,当然大屏智能手机在那个时候也流行,传统的大众媒体逐步消亡,像微信公众号这样 ...

小程序中textarea层级最高的结局办法

小程序中textarea层级最高的结局办法相关推荐

最新文章

热门文章