码迷,mamicode.com
首页 > 微信 > 详细

微信小程序设置背景图

时间:2018-09-19 10:15:46      阅读:1793      评论:0      收藏:0      [点我收藏+]

标签:设置   hid   背景图   image   div   base64   pre   使用   scale   

在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;
}

背景图片就平铺了。

 image的标签

<view class=‘whole‘>
  <image class=‘whole‘ src=‘../img/beijing.jpg‘ mode=‘scaleToFill‘></image>
</view>

 

之后的东西就写在这个view标签里面。

微信小程序设置背景图

标签:设置   hid   背景图   image   div   base64   pre   使用   scale   

原文地址:https://www.cnblogs.com/baobaoa/p/9672784.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!