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

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

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

解决方案如下:

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

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

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

• 迷你节目是展览的新体验，使展览互动更加顺畅，更聪明！ （展览微信的官方帐户）
• 如何在微信中实现双向数据绑定（在微信中的双向数据绑定）
• 结合WX.Request和微信的承诺
• 实施微信小程序发送模板消息（小程序发送消息）
• 您是否想澄清成千上万和数万美元的迷你程序之间的区别？ （迷你计划的费用是多少？）

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