1. vue create login_demo
2. 安装eleement plus 官网;https://element-plus.gitee.io/zh-CN/
3. 快速实现登录模块的上下左右居中对齐,给父盒子添加如下属性:
- width: 100%;
- height: 100vh;
- display: flex;
- justify-content: center;
- align-items: center;
完整代码:
- <style>
- body{
- width: 100%;
- height: 100vh;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- div{
- width: 100px;
- height: 100px;
- background-color: black;
-
- }
- style>
- <body>
- <div class="boc">div>
- body>
4. vue中:@click.stop:阻止事件冒泡;@click.prevent:阻止事件的默认行为