怎么解决iview的样式覆盖问题？

在vue中使用iview组件库经常发现自己写的样式没有生效，被iview覆盖。1.我们要把样式写在scss中，并且去掉scoped。2.加上多层div,防止出现覆盖其他页面样式的问题。<style lang="scss">.ge-content{.ge-left{.ivu-card-body {padding: 11px;}...

走到天涯海角

2690人浏览 · 2019-11-20 19:33:41

走到天涯海角 · 2019-11-20 19:33:41 发布

在vue中使用iview组件库经常发现自己写的样式没有生效，被iview覆盖。

1.我们要把样式写在scss中，并且去掉scoped。

2.加上多层div,防止出现覆盖其他页面样式的问题。

<style lang="scss">
.ge-content{
  .ge-left{
    .ivu-card-body {
        padding: 11px;
    }
  }
}
</style>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^