小程序爬坑记

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

wxml && wxss 组件样式问题
  1. 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;'}}" />
  1. 未完待续.....
相关文章
相关标签/搜索