刘俊凯 发表于 2024-6-11 09:20:12

【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]
查看完整版本: 【Uniapp】uniapp微信小程序界说图片所在全局变量