<template>
<div class="newsPage">
  <div class="header">
    <span class="title">{{ info.title }}</span>
    <span class="des">{{ info.secondTitle }}</span>
  </div>
  <div class="content">
    <span class="tip">业主委员会  &nbsp;   |  &nbsp;  {{ info.publishTime }}</span>
    <p v-html="info.content"></p>
  </div>


</div>
</template>

<script>
export default {
  name: "newsPage",
  mounted() {
    this.getNotice()
  },
  methods:{
    getNotice(){
      this.$api.getNotice({noticeId:this.$route.query.id}).then(res=>{
        this.info = res.content
      })
    },
  },
  data(){
    return {
      info:{

      }
    }
  },
}
</script>

<style scoped lang="less">
.newsPage{
  .header{
    width: 100%;
    height: 371px;
    background-image: url("http://121.5.58.50:8088/sport.png");
    background-size: 100% 100%;
    position: relative;
    .title{
      padding: 24px;
      display: inline-block;
      font-size: 28px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 36px;
      text-shadow: 0px 5px 15px rgba(31,19,120,0.15);
      position: absolute;
      bottom: 70px;
    }
    .des{
      display: inline-block;
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #FFFFFF;
      line-height: 22px;
      height: 45px;
      text-shadow: 0px 5px 15px rgba(31,19,120,0.15);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      padding: 24px;
      position: absolute;
      bottom: 10px;

    }
  }
  .content{
    padding: 24px;
    .tip{
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #75818F;
      line-height: 22px;
      margin-bottom: 30px;
      display: inline-block;
    }
    p{font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #01040D;
      line-height: 24px;

    }
  }


}
</style>