在App.vue全局文件中定义page的全局样式
page{//不要更改名称
height: 100%;
.whole{//定义一个最大的盒子
height: 100%;
font-size: 30rpx;
}
}
在login.vue文件中定义一个最大的盒子whole
![](https://i-blog.csdnimg.cn/blog_migrate/0664d74d75977994b5478284ec4e5075.png)
3.whole的样式如下
.whole {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: #008080;
}