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

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

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

解决方案如下:

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中写下所有的内容。

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

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

• 如何将win10开始菜单的背景设置为完全透明（win10开始菜单背景色）
• 如何使用局部图片作为小程序的背景(如何使用局部图片作为小程序的背景墙)
• 如何设置win10开始菜单背景完全透明(win10菜单变透明)

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