场景
登录框el-form设置其背景图片
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
可以直接通过
background-image: url("../assets/images/login-bg.jpg");
来设置,但是设置之后发现
即使设置了el-form的宽度与背景图片宽度一致,也无法实现背景图片正好显示。
需要设置背景图片的尺寸。
background-image: url("../assets/images/login-bg.jpg");
background-size: 100% 100%;
设置之后