美文网首页
微信小程序加载本地图片时“../”的使用

微信小程序加载本地图片时“../”的使用

作者: 明天就去 | 来源:发表于2018-04-12 09:18 被阅读462次

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

    百度

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

    注意:../是返回父级目录,例:

    例图

    目前在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格式,可以节省不少空间哦...

    相关文章

      网友评论

          本文标题:微信小程序加载本地图片时“../”的使用

          本文链接:https://www.haomeiwen.com/subject/knotkftx.html