在开发微信小程序过程中,可能需要自定义图片或以图片作为背景。那么,小程序如何设置背景图?
工具/原料
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图片
上一篇:三国群英传罗马怎么去