<template>
  <div class="notice">
    <p style="text-align:right;padding-bottom:10px;margin:0;line-height:40px;"><el-button size="small" icon="el-ump-qingchu">全部标记已读</el-button></p>
    <div class="notice-list">
      <div class="title">
        <el-badge value="未读" class="item">
          <b>我是标题</b>
        </el-badge>
        <span style="float:right">2019/12/25 10:29</span>
      </div>
      <div class="content">
        我是消息详细内容，此段文字仅用来占位，我是消息详细内容，此段文字仅用来占位，我是消息详细内容，此段文字仅用来占位，我是消息详细内容，此段文字仅用来占位，我是消息详细内容，此段文字仅用来占位，我是消息详细内容，此段文字仅用来占位，我是消息详细内容，此段文字仅用来占位，我是消息详细内容，此段文字仅用来占位我是消息详细内容，此段文
      </div>
      <span style="float:right">展开 <i class="el-icon-caret-bottom" /></span>
      <div style="clear:both" />
    </div>
  </div>
</template>
<script>
export default {
  name: 'Notice'
}
</script>
<style scoped>
.notice{
    max-width: 1100px;
    background: #fff;
    margin:0 auto;
    margin-top:15px;
  }
  b{
      padding-right:10px;
  }
</style>
