微信小程序 style
在模拟器上好用,但是在手机上就出现了问题,怀疑是wx的问题了,因为我实在不知道怎么改了
<view class="cu-avatar round lg" style="background-image:url({{item.up_img}});">view>
up_img:"/images/card/luckymoney.png",
其实试了好多,怀疑不是代码的问题
其实就是想图片显示出来
回答不易,求求您采纳点赞哦
这个问题可能是因为小程序的路径问题导致的。在模拟器上图片路径是相对路径,而在手机上是绝对路径。
可以试着在代码中使用绝对路径试试,例如:
<view class="cu-avatar round lg" style="background-image:url(https://yourserver.com/images/card/luckymoney.png);"></view>
如果还是不行,可能是因为服务器跨域问题导致的,需要在后台配置跨域策略。
另外,也可以在app.json或者project.config.json 中配置合适的静态资源路径,这样就可以在小程序中使用相对路径来访问静态资源了。
"appPath": "static"
可以在小程序中使用相对路径访问静态资源了, 例如:
<view class="cu-avatar round lg" style="background-image:url(/static/images/card/luckymoney.png);"></view>
此外,还可以将图片上传到小程序服务器或者OSS上,然后使用返回的绝对路径来访问,这样也可以解决跨域问题。
总之,这个问题可能是由于图片路径问题导致的,可以尝试上述解决方案来解决。