54 lines
1.1 KiB
Vue
54 lines
1.1 KiB
Vue
<!-- 文章展示 -->
|
|
<template>
|
|
<pb-layout class="set-wrap" :title="state.title" :bgStyle="{ color: '#FFF' }">
|
|
<view class="ss-p-30">
|
|
<mp-html class="richtext" :content="state.content" />
|
|
</view>
|
|
</pb-layout>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { onLoad } from '@dcloudio/uni-app'
|
|
import ArticleApi from '@/peach/api/promotion/article'
|
|
import { reactive } from 'vue'
|
|
|
|
const state = reactive({
|
|
title: '',
|
|
content: '',
|
|
})
|
|
|
|
async function getRichTextContent(id, title) {
|
|
const { code, data } = await ArticleApi.getArticle(id, title)
|
|
if (code !== 0) {
|
|
return
|
|
}
|
|
state.content = data.content
|
|
// 标题不一致时，修改标题
|
|
if (state.title !== data.title) {
|
|
state.title = data.title
|
|
uni.setNavigationBarTitle({
|
|
title: state.title,
|
|
})
|
|
}
|
|
}
|
|
|
|
onLoad((options) => {
|
|
if (options.title) {
|
|
state.title = options.title
|
|
uni.setNavigationBarTitle({
|
|
title: state.title,
|
|
})
|
|
}
|
|
getRichTextContent(options.id, options.title)
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.set-title {
|
|
margin: 0 30rpx;
|
|
}
|
|
|
|
.richtext {
|
|
}
|
|
</style>
|