Vue修改组件样式问题
问题: Vue修改第三方组件样式后运行没问题,npm run build打包后运行样式没有变化原因:(本人以及学长研究总结) vue项目打包后生成的style文件是压缩后的,样式都混在一起,你写的样式被覆盖了解决: 在父组件标签加个classname,与原iview的样式区分开例子:修改iview中的input样式修改方案:给Input的父级标签加个class=“teshuInp
·
问题:
Vue修改第三方组件样式后运行没问题,npm run build打包后运行样式没有变化
原因:(本人以及学长研究总结)
vue项目打包后生成的style文件是压缩后的,样式都混在一起,你写的样式被覆盖了
解决:
在父组件标签加个classname,与原iview的样式区分开
例子:修改iview中的input样式
修改方案:
给Input的父级标签加个class=“teshuInput”---teshuInput是我起的一个classname
<style>
.teshuInput .ivu-input,.teshuInput .ivu-input-large{
height: 50px;
font-size: 20px;
}
.teshuBtn .ivu-btn{
font-size: 25px;
width: 200px;
height: 45px;
}
</style>
更多推荐
已为社区贡献1条内容
所有评论(0)