<template>
	<view style="padding: 12rpx 16rpx;">
		<view class="xwD_title">
			{{title}}
		</view>
		<view style="display: flex;">
			<text class="xwD_time">
				{{time}}
			</text>
			<text class="xwD_time xwD_place">
				{{place}}
			</text>
		</view>
		<view class="xwD_content">
			<u-parse :content="news" @preview="preview" @navigate="navigate"></u-parse>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '2022近50款食品饮料新品，创新的方向都在这里',
				time: '2022-12-03 09:59',
				place: '第一食品资讯官方账号',
				news: '<h1>一级标题</h1><br/><h2>二级标题</h2>'
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #fff;
	}

	.xwD_title {
		font-size: 38rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: bold;
		color: #3E3E3E;
		line-height: 53rpx;
		letter-spacing: 1rpx;
	}

	.xwD_time {
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #969696;
		line-height: 33rpx;
		margin-top: 6rpx;
	}

	.xwD_place {
		padding-left: 20rpx;
	}

	.xwD_content {
		margin-top: 38rpx;
		// border: none;
	}
</style>
