从网上百度来的资料对    ../     /     ./    三种相对路径的介绍：

百度

在小程序中具体使用的时候就是先弄清存放图片的目录，然后找到当前文件和图片地址的关系，然后用../一级级返回到具体目录

注意：../是返回父级目录，例：

例图

目前在classroom.wxml文件中如果想使用class目录下的图片文件，

则地址为：src="images/example.png"

如果在classroom.wxml文件中想引用index目录下的btn_add.png文件

地址：src="../index.images/btn_add.png"(../的作用回到class目录下，而index是和class同级的目录，所以../后可以直接找到index)

小技巧：

        微信小程序中，图片压缩：经试验，本地图片最好使用格式为svg的图片，和jpg、png的使用方式一样，但是占用空间很小，如果程序超过了2M的限制，可以让美工将占空间比较大的图标换为.svg格式，可以节省不少空间哦...