- input标签的adjust-position在android端页面弹起不足
[图片] input标签在ios端测试可以正常弹起至输入框上方,在Android端这种输入框时,页面弹起的高度不足,使得输入法的头部工具栏遮住弹起的input(如下图),还望解决。 [图片]
2018-07-17 - 小程序 IOS position:top; top:0;失效
背景条件: 条件1:A元素 css 设置为:position:fixed;top:0; 条件2:A元素 根据某个条件为真是展示; 现象: 现象1:top:0;偶尔会失效,出现大约1rpx的间距,如下图所示; 现象2:滑动页面后,top:0;表现符合预期; 案例截图: [图片] [图片]
2019-11-06 - 微信小程序textarea组件在disabled后仍然可以输入
一、功能阐述 实现如下图所示界面,在textarea文本框中显示接收内容,显示接收内容的textarea文本框应该禁止输入。 [图片] 二、现象 (1)正常:当接收到的内容较少时(如:接收内容量不超过接收内容textarea文本框高度),对textarea文本框内的内容无论如何点击也无法输入; (2)不正常:当接收到的内容较多时(如:接收内容量超过接收内容textarea文本框高度),会出现垂直滚动条,滑动垂直滚动条至文本末尾进行点击,可以进行输入、删除操作,当所有内容全选删除后,又可以恢复到不可输入状态;textarea组件disabled属性在wxml代码中使用“disabled="{{true}}"”试过也是有这个现象。 三、代码 1、相关WXML代码段 [代码]<view class=[代码][代码]"titleText"[代码][代码]>接收内容:</view>[代码][代码]<view class=[代码][代码]"textView"[代码][代码]>[代码][代码]<textarea disabled class=[代码][代码]"recvTextArea"[代码] [代码]value=[代码][代码]"{{receiveText}}"[代码] [代码]maxlength=[代码][代码]"-1"[代码] [代码]bindinput=[代码][代码]"recvBindInput"[代码] [代码]bindblur=[代码][代码]"recvBindBlur"[代码] [代码]bindfocus=[代码][代码]"recvBindFocus"[代码][代码]/>[代码][代码]</view>[代码][代码]<view class=[代码][代码]"titleText"[代码][代码]>发送内容:</view>[代码][代码]<view class=[代码][代码]"textView"[代码][代码]>[代码][代码]<textarea class=[代码][代码]"sendTextArea"[代码] [代码]placeholder=[代码][代码]"请输入发送内容"[代码] [代码]value=[代码][代码]"{{sendText}}"[代码] [代码]maxlength=[代码][代码]"-1"[代码] [代码]bindinput=[代码][代码]"bindInputSendMsg"[代码][代码]/>[代码][代码]</view>[代码] 2、相关WXSS代码段 [代码].textView {[代码][代码] [代码][代码]margin-top[代码][代码]:[代码][代码]3[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]:[代码][代码]150[代码][代码]rpx;[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]1[代码][代码]rpx [代码][代码]solid[代码] [代码]#000[代码][代码];[代码][代码] [代码][代码]border-radius: [代码][代码]6[代码][代码]rpx;[代码][代码] [代码][代码]word-break:break-[代码][代码]all[代码][代码];[代码][代码]}[代码] [代码].recvTextArea {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]:[代码][代码]150[代码][代码]rpx;[代码][代码] [代码][代码]word-break:break-[代码][代码]all[代码][代码];[代码][代码]}[代码] [代码].sendTextArea {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]:[代码][代码]150[代码][代码]rpx;[代码][代码] [代码][代码]word-break:break-[代码][代码]all[代码][代码];[代码][代码]}[代码] 3、相关JS代码段 [代码]data: {[代码][代码] [代码][代码]recvFrameText: [代码][代码]''[代码][代码], [代码][代码]//蓝牙接收数据帧内容[代码][代码] [代码][代码]省略……[代码][代码]},[代码][代码]…… [代码] [代码] [代码][代码]wx.onBLECharacteristicValueChange([代码][代码]function[代码] [代码](res) { [代码][代码]//监听特征值改变事件[代码][代码] [代码][代码]var[代码] [代码]recvText = app.buf2string(res.value)[代码][代码] [代码][代码]console.log([代码][代码]"原有数据:"[代码] [代码]+ that.data.recvFrameText)[代码][代码] [代码][代码]console.log([代码][代码]'index接收到数据:'[代码] [代码]+ recvText)[代码][代码] [代码][代码]if[代码] [代码](that.data.recvFrameText.length < 235) { [代码][代码]//在一定长度内原有数据与刚接收的数据进行拼接[代码][代码] [代码][代码]that.data.recvFrameText = that.data.recvFrameText + recvText[代码][代码] [代码][代码]console.log([代码][代码]"拼接数据:"[代码] [代码]+ that.data.recvFrameText)[代码][代码] [代码][代码]console.log([代码][代码]"数据长度:"[代码] [代码]+ that.data.recvFrameText.length)[代码][代码] [代码][代码]}[代码][代码] [代码][代码]else[代码] [代码]{[代码][代码] [代码][代码]that.data.recvFrameText = [代码][代码]''[代码][代码] [代码][代码]that.data.recvFrameText = recvText[代码][代码] [代码][代码]console.log([代码][代码]"数据长度超过255"[代码][代码])[代码][代码] [代码][代码]}[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]receiveText: that.data.recvFrameText[代码][代码] [代码][代码]})[代码][代码] [代码][代码]})[代码] [代码] [代码] [代码] [代码] [代码][代码] recvBindInput: function(e) { console.log("产生recvBindInput") }, recvBindBlur: function (e) { console.log("产生recvBindBlur") }, recvBindFocus: function (e) { console.log("产生recvBindFocus") }, [代码] [代码] 四、问题 为什么textarea组件使用了属性disabled对其禁止,而还是可以进行输入?如果是微信小程序BUG,请问有什么替代方案?如果不是微信小程序BUG,请教一下如何解决?谢谢!
2019-12-09 - 苹果手机访问小程序,在WiFi可以打开,4g网络不可以访问?
苹果手机访问小程序,在WiFi可以打开,4g网络不可以访问 [图片]
2020-12-01 - 小程序使用WIFI能打开,使用4G打不开问题
手机使用无线打开小程序没问题 能正常使用,手机切换成4G进入小程序提示操作失败! 我app.js里封装了一个请求接口的方法,只要是接口请求失败就会有这个提示,无线进入小程序没有问题,切换4G就出现这个提示。不知道是哪里的问题 , 在线等。。。
2018-10-25 - position: fixed定位手机苹果XR,显示有问题,其余手机正常?
一个按钮,我给他 position: fixed; bottom: 88rpx; 距离底部88rpx,在开发者工具的模拟器,显示的位置正常,如图 [图片] 在安卓,以及非XR手机的显示的也是正常,但是在xr手机内,显示的却是掉下去的, [图片] 请问这个是什么原因呢?有没有好的解决方案,父页面已经设置了overflow:hidden;
2020-04-03 - wx.canvasToTempFilePath生成图片背景色成黑色了
搜索过多个帖子,还是没解决.. //绘制图片 const ctx = wx.createCanvasContext('myCanvas') ctx.setFillStyle('#FFFFFF') ctx.draw(true, setTimeout(function () { wx.canvasToTempFilePath({ canvasId: 'myCanvas', fileType: 'jpg', success: function (res) { wx.saveImageToPhotosAlbum({}); android 是微信7.0.4版本上导出后图片背景色是黑色了。ios上,微信7.0.3版本就没问题
2019-04-28