微信小程序
单细胞的逻辑
假装在努力敲代码
展开
-
微信小程序--处理键盘收起
问题:弹出的键盘, 点击键盘上的收起键盘的按钮, 无回调.安卓: 键盘上自带收起键盘iOS: 安装第三方键盘可以尝试描述:通常, 我们判断键盘收起, 是判断input或者 textarea 的失去焦点, 作为收起键盘的依据.但是, 当我们点击键盘上的收起键盘, 上述判断就无效了.解决:因为我们还需要加上如下的操作:添加事件绑定, 观察键盘高度的变化bindkeyboardheightchange="keyboardheightchange"实现关联回调keyboardhe原创 2020-11-24 13:40:13 · 4131 阅读 · 1 评论 -
微信小程序--textarea显示文字至于最顶层, 但是覆盖其他view, 显示未超出
案例问题是这样的, 我们想将textarea的高度设定自适应, so, 使用到了auto-height属性, 但是, 这个时候出现了问题, 因为我们最大输入量是1000字, 很容易超出屏幕大小的区域, 这时候textarea显示的内容会覆盖在其他的view之上.问题:textarea的view 显示区域正常, 只有文字覆盖在最上层, 如下图这个是textarea的问题, 那么 如何解决呢解决这时候就需要cover-view替代那些本身需要覆盖在上面的view, 来解决这个问题.注意这里需要原创 2020-08-20 21:18:36 · 2740 阅读 · 0 评论 -
微信小程序--cover-view显示内容不全, 被截取的解决方案
案例:在小程序的开发过程中, 自定义Alert中, 使用的cover-view, 显示进步部分, 但进行到 10/10 的时候, 发现 文字被截取了一段, 效果图如下:这个是因为cover-view自带overflow: hidden属性的原因.但是呢, cover-view又不支持flex的布局, 所以修改属性这个办法就不行了曲线救国:我们在后面加一个空格效果的cover-view, 将cover-view显示区域的后面给撑开, 下面是代码:.wxml<cover-view clas原创 2020-08-20 16:38:57 · 4251 阅读 · 0 评论 -
微信小程序--获取tabBar的高度
首先需要了解的是屏幕中的元素组成明白了这样的布局 也就知道底边栏tabBar的高度了,直接上代码吧 let systemInfo = wx.getSystemInfoSync() // px转换到rpx的比例 let pxToRpxScale = systemInfo.pixelRatio; // 状态栏的高度 let ktxStatus...原创 2019-07-03 14:58:38 · 30896 阅读 · 11 评论