在wxss里设置背景为本地图片是不可以的,会报错:“本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用<image/>标签”。
所以在wxml里添加背景图用网络资源。
先设置page的样式:
page{
width:100%;
height:100%;
overflow: hidden;
}
再添加一个view
<view class='whole'>
</view>
设置这个view的样式
.whole{
width:100%;
height:100%;
background: url('...url...');
background-size: cover;
}
背景图片就平铺了。
之后的东西就写在这个view标签里面。
微信小程序 背景图片设置
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- [教程]微信小程序之试手豆瓣图书API,有demo有真相2016-10-13转载作者:oopsguy 最近微信小程...