vue添加背景图，只显示一半问题解决

一：如何添加背景图1：在页面所有div最外层写一个<div class="shopping-classify">.....</div>在我的代码中如下<div class="shopping-classify"><div>.....其他内容</div></div>2：在<style>内写 {注意，一定放在style

Q_xyue

3915人浏览 · 2021-07-01 18:13:12

Q_xyue · 2021-07-01 18:13:12 发布

一：如何添加背景图

1：在页面所有div最外层写一个<div class="shopping-classify">.....</div>

在我的代码中如下

<div class="shopping-classify">
  <div>
.....其他内容
</div>
</div>

2：在<style>内写 {注意，一定放在style样式地最外层}

</style>
//登录背景图
.shopping-classify {
  display: flex;
  justify-content: center;
  align-items: stretch;
  background-image: url(../../assets/edit.png);
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  position: fixed;
}
</style>

然后就大功告成了

只显示一半地问题解决着重点：

最初只能展示一半：在.shopping-classify {。。。}内加了position: fixed; 修饰就可以全屏铺满展示了