vue-element后台系统总结

主页面滚动条消除

在全局写入样式消除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标签