element-ui中 tabs内容的样式怎么改

Question

就是饿了吗自带的组件的样式 我想要修改 改怎么覆盖

<el-tabs type="border-card">
                    <el-tab-pane label="Dashboard">
                    <dash-board></dash-board>
                    
                    </el-tab-pane>
                    <el-tab-pane label="Jobs">Jobs</el-tab-pane>
                    <el-tab-pane label="Reports">Reports</el-tab-pane>
                </el-tabs>

插槽里面

<el-row :gutter="20">
            <el-col :span="6">
                
                <span>Total Hours</span><br/>
                <span v-model="totalHours">{{totalHours}}</span>
            </el-col>
            <el-col :span="6">
                <span>Total Storage Used</span>
                <span v-model="totalStorageUsed">{{totalStorageUsed}}</span>
                
            </el-col>
            
        </el-row>

这个每一行间距怎么调呀 像这个也是默认上下边距特别大

问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

只需要新加的样式权重比自带的高就能覆盖了~ 一般是加个父 class 来限定/加权重