1.element-ui 给table表格中某一列添加倒三角标识

<template slot="toySortRelationList" slot-scope="{ row }">
  <span v-if="!row.toySortRelationList || row.toySortRelationList.length === 0">--</span>
  <div v-else class="ele_rea">
    <p>{{ row.toySortRelationList[0].putAreaName }}</p>
    <p>{{ row.toySortRelationList[0].toyCategoryName }}</p>
    <p>{{ row.toySortRelationList[0].detailCategoryName }}</p>
    <p>{{ row.toySortRelationList[0].developmentGoalsName }}</p>
    <p>{{ row.toySortRelationList[0].diversityLabelsName }}</p>
    <div class="ele_pos" />
    <div class="ele_tip">多分类</div>
  </div>
</template>

<style lang="scss" scoped>
.ele_rea {
  position: relative;
  .ele_pos {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-top: 40px solid #eeeeee;
    border-right: 55px solid transparent;
  }
  .ele_tip {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    color: red;
  }
}
</style>