Parse 富文本解析

				
<template>
		<zk-theme type="page" :padding="30" showBack navbarTitle="富文本解析">
		<zk-parse :content="htmlContent"></zk-parse>
	</zk-theme>
</template>

<script>
	export default {
		data() {
			return {
				htmlContent: `
					<div style="padding: 15px;">
						<h1 style="color: #007AFF;">这是一个标题</h1>
						<p style="font-size: 16px;">这是一个段落，展示基本的文本内容。</p>
						<div style="margin: 10px 0;">
							<img src="https://www.zenkuai.com/attachment/demo/3.jpg" style="width: 100%; border-radius: 8px;" />
						</div>
						<ul>
							<li>列表项 1</li>
							<li>列表项 2</li>
							<li>列表项 3</li>
						</ul>
						<p style="color: #666;">这是一个带有颜色的文本</p>
						<a href="https://www.example.com">这是一个链接</a>
					</div>
				`
			}
		}
	}
</script>

<style>

</style>