已经连续做过几个小程序的项目了,闲暇时间分享一下遇到的坑坑,共勉。
wxml && wxss 组件样式问题
-
textarea 多行文本
问题:ios、Android、开发者工具模拟器默认padding值有差异;
描述:开发者工具模拟器显示textarea无默认padding值,然后ios、Android有且均不相同。ios要比Android大很多。
解决方案: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;'}}" />
- 未完待续.....
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。