61 lines
1.3 KiB
Vue
61 lines
1.3 KiB
Vue
<template>
|
||
<view class="content">
|
||
<view class="title">
|
||
<span>{{ content.title }}</span>
|
||
</view>
|
||
<view class="updatedAt">
|
||
<span>作者：{{ content.publisher }}</span>
|
||
  
|
||
<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>
|