铺满整个页面的背景

css:

.wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fcc;
  padding-top: 80rpx;
  background: url({{mURL}}themes/simpleboot3/public/web/images-2/bg-select.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
}

html

<div class='wrapper'>
  <div class='logo'>
    <img src="themes/simpleboot3/public/web/images-2/logo-2.png"/>
  </div>
  <div class='list'></div>
</div>

　　效果:

 

posted @ 2019-04-25 20:22  风生`  阅读(301)  评论(0)  编辑  收藏  举报