图片路径


1.img src路径

<img src="./assets/img/title.png" />

说明:图片需要放在assets文件夹下

2.img 设置统一前缀


 main.js中设置统一前缀

Vue.prototype.imgAddfun = (address)=>{return require(`./assets/img/${address}`)}

3.img 设置动态路径


sAudioOnImg: this.isAudioOn? require("../../assets/img/closevoice.png"): require("../../assets/img/mic-off.png"),

说明:src为动态路径时,变量需要使用requere()来获取图片路径

 4. 

<img :src="statusImg" style="width: 1rem;" />
 computed: {
               statusImg: function () {
                   return this.status === 'working' ? ("/Content/trtc/img/working.jpg") : ("/Content/trtc/img/leaveMoment.jpg")

               }
           },
CSS