<template>
	<u-navbar  :title="titleData.special_id_name?'“'+ titleData.special_id_name +'”'+'专题':''" placeholder="true" bgColor="#F1F3F9" :autoBack="true">
	</u-navbar>
	<view class="container">
		<view class="titlepart">
			<image style="width: 8rpx;height: 1em;" src="@/static/img/Fill1.png" mode=""></image>
			<image style="width: 8rpx;height: 1em;margin-left: 6rpx;" src="@/static/img/Fill2.png" mode=""></image>
			<text class="title">{{titleData.title}}</text>
		</view>
		<!-- <image style="width: 100%;height: 436rpx;margin-top: 48rpx;" src="@/static/img/Bitmap.png" mode=""></image> -->
		<rich-text :nodes="titleData.content"></rich-text>
		<view class="fbtime">{{titleData.create_time}}</view>
	</view>
</template>

<script setup>
	import {
		onLoad
	} from '@dcloudio/uni-app';
	import {
		ref
	} from 'vue';
	import {
		specialListInfo,
		bannerInfo
	} from '@/api/index'
	
	const titleData = ref([])
	
	
	onLoad(async(param) => {
		if(param.type === 'zt') {
			const res = await specialListInfo(param.id)
			if(res.code === 1) {
				titleData.value = res.data
			}
		} else {
			const res = await bannerInfo(param.id)
			if(res.code === 1) {
				console.log(res);
				titleData.value = res.data
			}
		}
	})
</script>

<style scoped lang="scss">
	.container {
		background-color: #FFFFFF;
		height: calc(100vh - 182rpx);
		width: 100%;
		padding: 48rpx;
		box-sizing: border-box;
		.titlepart {
			display: flex;
			align-items: baseline;
			margin-bottom: 40rpx;
			.title {
				font-family: Source Han Sans;
				font-weight: 550;
				font-size: 36rpx;
				color: #0C092A;
				margin-left: 20rpx;
			}
		}
		.text {
			margin-top: 32rpx;
			font-family: Source Han Sans;
			font-size: 32rpx;
			font-weight: 300;
			line-height: 60rpx;
			letter-spacing: normal;
			color: #3D3D3D;
		}
		.fbtime {
			font-family: Roboto;
			font-size: 28rpx;
			font-weight: normal;
			line-height: 142rpx;
			letter-spacing: normal;
			/* 外部/SCMP Grey/nobel */
			/* 样式描述：06 Small Grey txt */
			color: #A1A1A1;
		}
	}
</style>
