scrm-vue/src/scrm_pages/site/components/used-list.vue

<template>
<div>
    <div class="used">
        <ul>
            <li>
                <span class="name">轮播图</span>
                <span class="icon"> 
                    <i class="el-icon-edit-outline" ></i>
                    <i class="el-icon-delete"></i>
                </span>
            </li>
        </ul>
    </div>
</div>
</template>

<script>
export default {
  name: "usedlist",
  data() {
    return {
    };
  },
   methods:{
   }
};
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.used {
  ul {
    li {
      height: 44px;
      line-height: 44px;
      font-size: 14px;
      display: flex;
      color: #606266;      
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #e4e7ed;
      i {
        font-size: 19px;
        margin: 0 6px;
        cursor: pointer;
      }
    }
  }
}
</style>