已经连续作过几个小程序的项目了,闲暇时间分享一下遇到的坑坑,共勉。android
wxml && wxss 组件样式问题
textarea 多行文本
问题:ios、Android、开发者工具模拟器默认padding值有差别;
描述:开发者工具模拟器显示textarea无默认padding值,而后ios、Android有且均不相同。ios要比Android大不少。
解决方案:ios
wx.getSystemInfoSync()获取机型信息
进行逻辑判断小程序
Page({ onLoad: function (options) { wx.getSystemInfo({ success: function (res) { if (res.platform == 'ios') { __self.setData({ platform: true //ios }); } else if (res.platform == 'android') { platform: false //Android } else { //"devtools" 模拟器 不考虑 } }, fail: function (res) { }, complete: function (res) { } }); } })
last:兼容样式书写 <textarea style="padding:{{platform? '10rpx;':'20rpx;'}}" />