- 小程序里面使用wxParse解析富文本
在部分安卓手机上会出现白屏的情况且有些ios手机上图文混排上,图片显示不出问题 解决:把插件里面的console.dir去掉即可(原因在于安卓手机无法解析console.dir) 有些图片解析出来下面会有滚动条的存在 解决:首先我们找到wxPrase文件夹里面的wxParse.js文件,打开之后找wxAutoImageCal方法,给定具体的值,或者乘上对应的值即可。(原因在于,该图片给的宽度为屏幕宽度,而我们给的外层view宽度是小于屏幕宽度的,因而会有滚动条的存在) [图片] 图片点击预览后,原图片宽高变大和变小的情况(即初次进入页面,图片点击预览后,和未点击预览时,宽高不一致的情况) 解决: 在wxParse.wxml内找到 <template name="wxParseImg"></template> 内面的style="width:{{item.width}}px;"改成 style="width:{{item.attr.width}}px;"即可。 原因: 点击图片预览后,item里面的width不见了,而item.attr.width存在,而item.width不见后,走的是mode=“widthFix”,会造成原图片和预览后图片宽高不一致的情况。 安卓手机上滑动页面,会有卡顿的情况 解决:插件wxParse.wxss里面给的是: view{ word-break:break-all; overflow:auto; } 上面文本里面存在段落的高度上有滚动条的情况,所以才会有卡顿,滑动不流畅的情况存在; view{ word-break:break-all; height: auto; overflow: hidden; } 改成这样便可完美解决卡顿情况。
2018-07-11 - 底部输入框获取焦点上推页面
1.首先在wxml的输入框里面添加adjust-position="{{false}}" 2.监听focus事件,通过获取e.detail.height(即弹出的软键盘的高度), 把input的输入框的bottom=e.detail.height * 2 + 'rpx';还须把content 的内容高度减去键盘的高度(值须setData下)。 3.监听失焦(blur)事件,在该方法里,把input输入框的bottom重置为0; 且内容高度为原本的内容高度即可(值须setData下)。 以上三步可完美解决
2018-08-07