element 表格自定义暂无数据显示

<div class="left-content-table">
                    <el-table :data="resourceData" style="width: 100%" :header-cell-style="tableHeader">
                      <el-table-column label="资源">
                        <template slot-scope="scope">
                          <div>
                            <span class="square"
                              :style="{background:scope.row.background_color}"></span>&nbsp;&nbsp;{{ scope.row.name }}
                          </div>
                        </template>
                      </el-table-column>
                      <el-table-column prop="value" label="数量">
                      </el-table-column>
                      <template slot="empty">
                        <div>
                          <svg-icon icon-class="ring-list" class="ring-list" />
                          <span>暂无数据</span>
                        </div>
                      </template>
                    </el-table>
                  </div>