多语言展示
当前在线:1523今日阅读:91今日分享:37

小程序设置背景图

在开发微信小程序过程中,可能需要自定义图片或以图片作为背景。那么,小程序如何设置背景图?
工具/原料
1

微信小程序

2

微信小程序开发工具

3

WPS

4

截图工具

方法/步骤
1

双击打开微信小程序开发工具,创建微信小程序项目,并进入到主界面中

2

新建一个index.wxml页面文件,插入一个view标签,并添加class属性

3

在对应的页面样式文件中,利用类选择器,设置页面背景图

4

保存代码并查看内置浏览器控制台,结果出现了报错,提示不能接受本地资源,需要使用base64或image标签

5

将图片在线转base64图片,然后将生成的图片路径代码复制到url中

6

再次保存代码并刷新,可以看到页面有背景图出现

总结

1、创建微信项目2、新建页面文件3、插入标签元素4、转换背景图片5、设置背景图片6、保存预览查看END

注意事项
1

注意在微信小程序中如何设置背景图

2

注意将图片转换成base64图片

推荐信息