一、图片引用
wxss中直接引用本地图片会报错:
url(../../images/login/bg.png-do-not-use-local-path-./pages/login/login.wxss&15&20)
使用本地图片的话,需要在行内样式中引用
<view style="background:url('../../images/login/bg.png')"></view>
...
<image class="bg" src="/images/login/bg.png"></image>
,外部wxss只能引用线上图片(需要上传服务器后引用)
tips:数据量小的话这里建议使用小程序自带的云存储,
续费说明 | 微信开放文档文章来源:https://www.toymoban.com/news/detail-580417.html
二、样式处理
背景图片既可以直接在最外层view使用background,也可以在relative的外层view内使用absolute的image标签(记得宽高设置100%)文章来源地址https://www.toymoban.com/news/detail-580417.html
到了这里,关于【实战】前端必会 —— 微信小程序引入背景图的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!