vue.js - 使用iView修改其中的默认样式可以生效,但是在打包之后失效了

问题描述

问 题

.ivu-tabs-bar {
        border-bottom-width: 0;

    }
    .ivu-tabs-ink-bar {
        height: 0;
    }
    .ivu-tabs-nav .ivu-tabs-tab {
        padding: 3px 5px;
        margin: 10px 18px;
        color: black;
        transition: none;
        border-radius: 5px;
    }
    .ivu-tabs-nav .ivu-tabs-tab:hover {
        color: black;
    }
    .ivu-tabs-nav .ivu-tabs-tab-active {
        background-color: #2ac2f3;
        color: #fff;

    }
    .ivu-tabs-nav .ivu-tabs-tab-active:hover {
        color: #fff;
    }

单文件.vue中的<style>写的,没有加scoped,加了的话修改iview默认样式不生效

解决方案

你这个组件的 template 的跟节点 加一个class="classname"
然后用

.classname .ivu-tabs-bar{

}

这篇关于vue.js - 使用iView修改其中的默认样式可以生效,但是在打包之后失效了的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！