<template>
  <div class="rankList">
    <span class="rank-title">询价笔数排名(物料名称)</span>
    <ol>
      <li>
        <div class="rankDetail">
          <span>130LED灯珠</span>
          <span>500</span>
        </div>
      </li>
      <li>
        <div class="rankDetail">
          <span>128塑胶类</span>
          <span>300</span>
        </div>
      </li>
      <li>
        <div class="rankDetail">
          <span>110五金类</span>
          <span>150</span>
        </div>
      </li>
      <li>
        <div class="rankDetail">
          <span>A03变压器</span>
          <span>125</span>
        </div>
      </li>
      <li>
        <div class="rankDetail">
          <span>A09线材</span>
          <span>66</span>
        </div>
      </li>
      <li>
        <div class="rankDetail">
          <span>A10铝挤件</span>
          <span>25</span>
        </div>
      </li>
      <li>
        <div class="rankDetail">
          <span>A25玻璃类</span>
          <span>10</span>
        </div>
      </li>
      <li>
        <div>
          <span>......</span>
        </div>
      </li>
    </ol>
  </div>
</template>

<script>

export default {
  components: {
  },
  data() {
    return {
      loading: false,
      noticeContent: '',
      noticeTitle: '',
      activeName: 'first'
    }
  },
  created() {
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    }
  }
}
</script>

<style lang="scss" scoped>
.rank-title {
  font-size: 14px;
  font-weight: bold;
}
.rankList {
  line-height: 40px;
  font-size: 14px;
}
.rankDetail{
  display: flex;
  justify-content: space-between;
}

</style>
