<template>
  <view>
    <u-navbar :border-bottom="false" :is-back="true" :title="title"></u-navbar>
    <view class="u-content">
      <u-parse :autosetTitle="true"
               :html="content"
               :selectable="true"
               :show-with-animation="true"></u-parse>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: '资讯',
      content: ``
    }
  },
  onLoad(option) {
    let id = option.id
    let url = "/api/notice/getNotice/" + id;
    this.$u.get(url).then(res => {
      this.title = res.data.noticeTitle
      this.content = res.data.noticeContent
    });
  },
}
</script>

<style>
page {
  background-color: #FFFFFF;
}
</style>
<style lang="scss" scoped>
.u-content {
  margin: 0 10 rpx;
  padding: 24 rpx;
  font-size: 34 rpx;
  color: $u-main-color;
  line-height: 1.8;
  white-space: pre-wrap !important;
}
</style>

