【Uniapp】uniapp微信小程序界说图片所在全局变量
错误写法:main.js
Vue.prototype.$imgUrl = '图片地址'
这么写之后 就发现压根不起作用;获取到的是undefined
正确写法:
返回函数,后面可以拼上OSS图片完整路径
Vue.prototype.$imgUrl = (url) => {
return ("https://地址" + url);
};
页面使用:
template
<image :src="$imgUrl('/list-icon.png')" />
js
this.$imgUrl('/list-icon.png')
css界说
uni.scss
$imgUrl: "https://图片地址";
style使用:
background: url($imgUrl + "/modal.png") no-repeat;
https://img-blog.csdnimg.cn/direct/1a03becfc69542348f413ca0fa93d0b0.gif
感谢你的阅读,如对你有帮助请收藏+关注!
只分享干货实战和精品,从不啰嗦!!!
如某处不对请留言评论,接待指正~
博主可收徒、常玩QQ飞车,可一起来玩玩鸭~
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页:
[1]