IT评测·应用市场-qidao123.com

标题: 【Uniapp】uniapp微信小程序界说图片所在全局变量 [打印本页]

作者: 刘俊凯 时间: 2024-6-11 09:20
标题: 【Uniapp】uniapp微信小程序界说图片所在全局变量
错误写法：

main.js

Vue.prototype.$imgUrl = '图片地址'

复制代码

这么写之后就发现压根不起作用；获取到的是undefined
正确写法：

返回函数，后面可以拼上OSS图片完整路径

Vue.prototype.$imgUrl = (url) => {
return ("https://地址" + url);
};

复制代码

页面使用：

template

<image :src="$imgUrl('/list-icon.png')" />

复制代码

this.$imgUrl('/list-icon.png')

复制代码

css界说

uni.scss

$imgUrl: "https://图片地址";

复制代码

style使用：

background: url($imgUrl + "/modal.png") no-repeat;

复制代码

感谢你的阅读，如对你有帮助请收藏+关注！
只分享干货实战和精品，从不啰嗦！！！
如某处不对请留言评论，接待指正~
博主可收徒、常玩QQ飞车，可一起来玩玩鸭~

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 IT评测·应用市场-qidao123.com (https://dis.qidao123.com/)