小程序大图片缺少右边线

小程序大图片缺少右边线的解决方法：用1张2倍图做适配。

1、通过动态设置image宽高来实现：先在data中用变量表示小图标初始宽高，并绑定到image组件上。

2、再通过wx.getSystemInfo获取手机可使用窗口宽度，那么小图标的宽度=原宽*屏宽/设计图宽，长=原长*屏宽/设计图宽，再用this.setData()修改变量。

改为rpx的作用：微信底层会根据屏幕宽度自动调整标签中 所设置的尺寸大小，不用我们过问。

以下图为例，ui给定的头像的宽高为90px：

总结：ui以苹果6或者苹果6plus为模板设计出来的图片，px和rpx都需要做运算处理，规律如上，小程序官方文档建议ui以苹果6模板作图。

我的这篇文章有各种设备的尺寸信息 手机屏幕尺寸、设备信息

---