<template>
  <div class="list">
    <ul>
      <li v-for="(item,i) in list" :key="i">
        <span class="name">{{item.name}}</span>
        <span class="hang">/</span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props:['list']
  
}
</script>

<style lang="less" scoped>
.list{
  >ul{
    display: flex;
    >li{
      color: #909090;
      .name{
        cursor: pointer;
      }
      .hang{
        margin: 0 6px;
      }
      &:last-of-type{
        font-size: 18px;
        color: #333333;
        font-weight: bold;
        .hang{
          display: none;
        }
      }
    }
  }
}
</style>