如何使用本地图片作为小程序的背景

我们知道不能在微信小程序中直接设置本地图片进行查看。那么我们如何解决这个问题呢？

（学习视频分享:编程入门）

解决方案如下:

1.使用网络图片

2.使用base64格式。

3.使用image加载本地图片，然后将其用作界面背景。

前两个非常简单，所以让我们专注于第三个。一般来说，每个人的苦恼是将imageview放在界面的底部。然后直接在下面编码。wxml

& lt视图class = & quotroot & quot& gt& ltimage class = & amp#39;background -image & amp；#39;src = & amp#39;../RES/log in _ BG . png & amp；#39;mode = & quotaspectFill&quot& gt& lt/image & gt；& lt视图class = & quot内容& quot& gt& lt/view & gt；& lt/view & gt；wxss

。根{宽度:100%；身高:100%；background -color:# 70 c7da；位置:相对；}。background -image { height:100%；位置:绝对；宽度:100%；左:0pxtop:0px；}.内容{位置:绝对；宽度:100%；身高:100%；左:0pxtop:0px；好了，完成了。只要使用相对布局就可以实现。类似安卓的相对布局。现在你要做的就是在content中写下所有的内容。

相关推荐:小程序开发教程

这几篇文章你可能也喜欢：

• Phpcms不能在后台上传图片（phpcms可以上传任何文件）。
• Phpcms后台无法上传图片(phpcms h5上传)
• 如果嵌入图片没有完全显示（嵌入图片无法显示），我该怎么办
• 如何将图片保存为微信表情？
• 微信图片保存失败的原因是什么（微信删除后如何找回）？

本文由主机参考刊发，转载请注明：如何使用本地图片作为小程序的背景 https://zhujicankao.com/115425.html