vue&vant移动端h5底部留白问题

不知道是，vue的原因还是vant的原因，html底部多了一截。每个页面背景不一样也不能给统一的background，给内容div负margin都盖不住这个html的空白。最后试了很多方法，曲线救国，在html最后加了个div就挡住空白了。虽然解决了，我也没搞清楚是什么原因，很奇葩。.bottom_bg {height: 3rem;width: 100%;backgrou...

1234Wu

5270人浏览 · 2020-02-14 16:32:30

1234Wu · 2020-02-14 16:32:30 发布

不知道是，vue的原因还是vant的原因，html底部多了一截。
每个页面背景不一样也不能给统一的background，给内容div负margin都盖不住这个html的空白。
最后试了很多方法，曲线救国，在html最后加了个div就挡住空白了。虽然解决了，我也没搞清楚是什么原因，很奇葩。

在这里插入图片描述

.bottom_bg {
  height: 3rem;
  width: 100%;
  background-color: rgba(181, 197, 216, 1);
  border: none;
}

前后效果对比：
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^