引：
上次学习了文字的显示及调整，这次开始学习图片的显示及调整。三个部分组成，图片的直接显示、图片的布局调整、图片的尺寸调整。
一、前期的准备工作
先找到一张自己喜欢的图片，打开上篇**的项目文件。
在pages右键鼠标，新建image的文件夹。
打开资源管理器之后，将我们准备好的图片复制粘贴到该文件夹中。
返回到项目文件中。会发现image文件夹下多了一个1.jpg文件
二、直接显示图片
用到的命令如下
实际操作一下，在123.wxml文件中增加上面的指令：
编译后预览一下：
会发现头悬梁的图片显示出来了。
三、图片的布局调整
我们需要使用到view，并在123.wxss文件中建立选择器
display设置为flex，居中显示，在123.wxml中进行view设置，使用刚刚的选择器。class="imagesize"
编译运行预览
四、图片尺寸调整
需要使用到width和height，在123.wxss文件中新建选择器，其中200rpx也可以使用百分比的形式进行设置。
在123.wxml文件中进行选择器的使用
运行效果如下：
结：
图片直接显示：
布局调整
图片尺寸调整
| 
楼主
标题置顶
标题高亮
