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

wxml && wxss 组件样式问题
  1. 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;'}}" />
        
  1. 未完待续.....

yantaozhang
17 声望3 粉丝

共勉