elementUI给dialog标题添加icon图标_el-dialog icon图标

利用插巢slot给dialog标题添加icon图标

<el-dialog title="错误信息提示" :visible="fileVisible" @close="closeList" style="border-bottom: none;">
      <div slot="title" class="header-title">
        <span class="title-name"><i class="el-icon-warning" style="color: #e6a23c;margin-right:10px"></i></span>
        <span class="title-age">错误信息提示</span>
      </div>
      <el-table border :data="errorData" style="width: 100%">
        <el-table-column prop="userName" label="用户名">
        </el-table-column>
        <el-table-column prop="errMessage" label="错误信息">
        </el-table-column>
      </el-table>
      <p style="color: lightslategray;">* 以上队员导入失败，请检查信息后重新导入</p>
    </el-dialog>
1
2
3
4
5
6
7
8
9
10
11
12
13