heart_cabin/pages/news/details/[id].vue
2023-08-16 02:08:57 +08:00

53 lines
1.3 KiB
Vue

<template>
<Head>
<Title>{{ infoArticleInfo.info_article_title }}{{ tdk.tdk_title }}</Title>
<Meta :content=tdk.tdk_keyword name="keywords" />
<Meta :content=tdk.tdk_description name="description" />
</Head>
<Header></Header>
<Final></Final>
</template>
<script setup>
// --- 接口对接 ---
// 参数
const route = useRoute()
const router = useRouter()
// 预对接
let infoArticleInfo = ref({})
// 获取新闻详情
// useFetch('/api/news/getinfoArticleInfo', { params: { info_article_id: route.params.id } }).then(res => {
// infoArticleInfo.value = JSON.parse(res.data.value).data
// setTimeout(() => {
// [...document.querySelectorAll('.joint-details-content-box img')].map(item => {
// item.style.maxWidth = 100 + '%'
// item.style.height = 0 + '%'
// })
// htmlAddAnimations()
// });
// })
// 获取Tdk
let tdk = ref({})
useFetch('/api/tdk/getTdk', { params: { tdk_type: route.name } }).then(res => {
tdk.value = JSON.parse(res.data.value).data
})
// 添加流量访问
useFetch('/api/flow/addFlowRecord', { params: { flow_target: route.name } })
</script>
<style scoped src="~/assets/css/business/news/news_details/index.scss"></style>
<style scoped src="~/assets/css/business/news/news_details/media.scss"></style>