资讯专栏INFORMATION COLUMN

小程序爬坑记

NervosNetwork / 2621人阅读

摘要:已经连续做过几个小程序的项目了,闲暇时间分享一下遇到的坑坑,共勉。组件样式问题多行文本问题开发者工具模拟器默认值有差异描述开发者工具模拟器显示无默认值,然后有且均不相同。解决方案获取机型信息进行逻辑判断模拟器不考虑兼容样式书写未完待续

已经连续做过几个小程序的项目了,闲暇时间分享一下遇到的坑坑,共勉。

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:兼容样式书写