鍍金池/ 問答/HTML5  HTML/ element-ui中 tabs內容的樣式怎么改

element-ui中 tabs內容的樣式怎么改

就是餓了嗎自帶的組件的樣式 我想要修改 改怎么覆蓋

clipboard.png

<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>

這個每一行間距怎么調呀 像這個也是默認上下邊距特別大

clipboard.png

問題描述

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

相關代碼

// 請把代碼文本粘貼到下方(請勿用圖片代替代碼)

你期待的結果是什么?實際看到的錯誤信息又是什么?

回答
編輯回答
莫小染

只需要新加的樣式權重比自帶的高就能覆蓋了~ 一般是加個父 class 來限定/加權重

2018年1月14日 23:48