微信小程序 uniapp 背景图片 background-image 显示不出图片 背景图片显示不出来 微信小程序背景图片真机调试显示不出 本地路径存放图片,微信小程序显示不出

相信你找了很久的解决办法,比如

  • 用网络url
  • base64图片编码

本地路径解决办法

没那么麻烦,继续用background-image,继续用本地路径,不要使用内联样式,背景图片这些在

  <view class="cs" style="background-image: url('/static/cs.png')"></view>
  • 内联样式,如上,这样子只可以在模拟器中显示,真机调试是显示不出来的
<template>
  <view class="cs" ></view>
</template>


<style lang="scss" scoped>
.cs {
	background-image: url("/static/right_img.png");
   	background-repeat: no-repeat;
}
</style>
  • 将背景图片设置写在style中即可正常显示(我这里用了scss但是不影响,都一样)

具体是为什么还得等大家继续深究探讨,我也是刚刚遇到这个问题,不过刚刚通过测试解决了。不说了,项目经理又催了 (ಥ_ಥ)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值