<template>
  <div class="bgGreyNewsBox">
    <editBtn :id="id" :sort="1" :type="2" :size="6"/>
    <div class="bgGreyNews">
      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
      <a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a>
    </div>
  </div>
</template>

<script>
import editBtn from '../../../public/editBtn.vue'
export default {
  components: {
    editBtn
  },
  props: {
    id:{
      type:Number,
      default:0
    },
    sort:{
      type:Number,
      default:0
    }
  },
  data() {
    return {
      activeName:"first"
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  },
  mounted() {

  },
};
</script>

<style scoped lang="less">
  .bgGreyNewsBox {
    background: #F2F2F2;
    height: 100%;
    .bgGreyNews {
      a {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-bottom: 1px solid #D1D1D1;
        font-size: 16px;
        color: #333;
        height: 37px;
        line-height: 37px;
        box-sizing: border-box;
        padding: 0 20px;
      }
      a:last-child {
        border-bottom: none;
      }
    }
  }
</style>

