ToB企服应用市场:ToB评测及商务社交产业平台

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

---

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

main.js

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

复制代码

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

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

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

复制代码

页面使用：

template

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

复制代码

js

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

复制代码

css界说

uni.scss

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

复制代码

style使用：

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

复制代码

  

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

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

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4