解决：vue组件顶部留有空白问题

问题：制作导航栏组件时发现无论怎么调整，顶部始终留有一小部分空白。解决：后来经过多方查找，原来是index.html的body自带样式，在该文件的头部写如下自定义样式。<style>body{margin:0;padding:0;}</style>问题解决：...

JavaStudyha

8161人浏览 · 2020-07-24 11:08:51

JavaStudyha · 2020-07-24 11:08:51 发布

问题：

制作导航栏组件时发现无论怎么调整，顶部始终留有一小部分空白。
在这里插入图片描述

解决：

后来经过多方查找，原来是index.html的body自带样式，在该文件的头部写如下自定义样式。

<style>
    body{
       margin:0;
       padding:0;
     }
 </style>

问题解决：

在这里插入图片描述

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}$/, //不连续的两位字母// /^