<template>
  <div class="bgGreyNewsBox">
    <ul class="bgGreyNewsList">
      <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>11-29</span></li>
      <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>11-29</span></li>
      <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>11-29</span></li>
      <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>11-29</span></li>
      <li><a href="javascript:;">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</a><span>11-29</span></li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {
    
  },
  data() {
    return {
      
    };
  },
  methods: {
    
  },
  mounted() {

  },
};
</script>

<style scoped lang="less">
  .bgGreyNewsBox {
    background: #F2F2F2;
    height: 100%;
    .bgGreyNewsList {
      padding-left: 0;
      margin-left: 0;
      li{
        list-style-type: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #D1D1D1;
        padding: 0 20px;
        a {
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 14px;
          color: #333;
          height: 37px;
          line-height: 37px;
          box-sizing: border-box;
        }
        a:last-child {
          border-bottom: none;
        }
        span {
          font-size: 14px;
          color: #333;
        }
      }
    }
  }
</style>

