问题:html
多行文本组件是带有默认的padding的,然而,小程序的teatarea 在ios和安卓上显示的padding不同,广泛ios的padding会比安卓的要明显的大。这种状况下个人想法是作兼容,也就是分别处理。android
在小程序官方文档中是有方法得知当前使用小程序的机型,即 wx.getSystemInfoSync() 。ios
官方文档连接是:https://mp.weixin.qq.com/debug/wxadoc/dev/api/systeminfo.html#wxgetsysteminfosync小程序
思路是,先获得当前的机型内容,而后经过设置值来显示页面上的属性,具体代码以下:api
1 <textarea placeholder="输入信息" style="padding:{{detail ? '10rpx;':'20rpx;'}}" /> 2 //根据detail的值分别显示不一样的属性值 3 4 5 Page({ 6 data: { 7 detail:false //默认显示安卓的 8 }, 9 onLoad: function (e) { 10 var phone=wx.getSystemInfoSync(); //调用方法获取机型 11 var detail; 12 if (phone.platform=='ios'){ 13 detail=true; 14 } else if (phone.platform == 'android'){ 15 detail = false; 16 } 17 } 18 })
能获得的机型内容具体以下,devtools显示在模拟器,在真机上分别是ios和android:学习
总结:以上内容供学习总结分享,有什么不对的地方或可优化的地方,欢迎各位多多指教。优化