微信小程序之图片处理（居中、铺满屏幕）附源程序

图片显示是小程序设计必须要经过的步骤，本人看到网上教学有限，现整理出自己设计过程中出现的问题，应该可以解决你遇到的问题。

用最后给的完整代码，按照我的步骤一定能调试出来，不行再联系我。

先给用到的代码以及效果图：

先给home.wxml程序：

<view class='imagesize'>
  <image src="/images/2.png" class='in-image'   >
  </image>
</view>

1.图片居中（屏幕顶部）：

//.wxss里的参数
.imagesize{
 display:flex;                    //flex布局
 justify-content: center;         //水平轴线居中
}
.imagesize image { 
  width:400rpx;
  height:400rpx;
  }