小程序-----背景图片的路径设置

问题根源:在小程序内view的背景图片不能直接使用本地图片,否则设备加载不出。

解决方案:

一:将本地图片转换为base64格式,在线即可转换。http://imgbase64.duoshitong.com

background: url(base64转换的代码);

二:将本地图片改变为网络路径,或者直接使用网络图片。

三:动态赋值---给view标签增加样式style="background-image:url('{{ bg }}');",其中bg就是js文件中的data中的字段值。


两种写法



另外,vue中写法

 :style="{backgroundImage:'url(' + bg + ')'}"

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。