微信小程序背景图片自适应设置

北京/教育工作者/5年前/1530浏览
微信小程序背景图片自适应设置
水竹曦

微信小程序背景图片设置

在wxss里设置背景为本地图片是不可以的,会报错:“本地资源图片无法通过 WXSS 获取,三个方式可以解决;1)可以使用网络图片,2)使用 base64,3)使用<image/>标签”,下面举例在wxml里添加背景图用网络资源。
1、先设置page的样式:
page{
width:100%;
height:100%;
overflow: hidden;
}
2、再添加一个view
<view class='whole'>
</view>
3、设置这个view的样式
.whole{
width:100%;
height:100%;
background: url('...url...');
background-size: cover;
}
背景图片就平铺了,之后的内容就写在这个view标签里面。


1
Report
|
5
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
MOVA 扫地机器人-活水版
Homepage recommendation
相关收藏夹
项目总结
项目总结
项目总结
项目总结
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
大家都在看
Log in