主页面滚动条消除
在全局写入样式消除margin 和 padding height:100%
* {
margin:0;
padding:0;
}
html,body,#app {
height: 100%;
}
relative
relative.png
px2rem配置
在vue.config.js里写入
module.exports = {
css: {
loaderOptions: {
postcss: {
plugins: [
require('postcss-pxtorem')({
rootValue: 19, // 换算的基数(设计图750的根字体为32)
selectorBlackList: [], // 忽略转换正则匹配项
propList: ['*'], //要转换的匹配项
})
]
}
}
}
}
el-input高度宽度等修改
另写一个style标签
<style>
.login_container .el-input__inner{
height: 60px;
line-height: 60px;
}
.el-input__prefix{
left: 30px
}
.el-input--prefix .el-input__inner{
padding-left: 80px;
}
</style>
