<template>
  <view class="content">
    <view class="title">
      <span>{{ content.title }}</span>
    </view>
    <view class="updatedAt">
      <span>作者：{{ content.publisher }}</span>
      &nbsp&nbsp
      <span>时间：{{ content.updatedAt }}</span>
    </view>
    <!-- map-html 解析时出现横向滚动条  -->
    <!-- <mp-html :content="content.content" />	 -->
    <view class="content-text" v-html="content.content"></view>
  </view>
</template>

<script setup>
import { ref, reactive } from "vue"
import { $noticeDetail } from "@/http/apiManager.js"
import { onLoad } from "@dcloudio/uni-app"
import parseHtml from "@/util/html-parse.js"
const content = ref({})
onLoad((options) => {
  $noticeDetail(options.id).then(({ bizData }) => {
    content.value = bizData
  })
})
</script>
<style lang="scss" scoped>
.content {
  box-sizing: border-box;
  padding: 0 50rpx 40rpx 50rpx;
  .title {
    // height: 60rpx;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 35rpx;
    padding: 20rpx 0;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
  }
  .updatedAt {
    padding: 0rpx 0 40rpx 0;
    color: #969696;
    font-size: 20rpx;
    span {
      &:nth-child(2) {
        margin-left: 30rpx;
      }
    }
  }
}
.content-text {
  img {
    width: 100% !important;
  }
}
</style>
