21 lines
648 B
Vue
21 lines
648 B
Vue
<template>
|
|
<div class="demo">
|
|
<article-view :article="article" />
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ArticleView } from "timi-tdesign-mobile";
|
|
import type { Article } from "timi-tdesign-mobile";
|
|
|
|
/** ArticleView 按 contentType 选择渲染方式，这里演示富文本形态。 */
|
|
const article: Article = {
|
|
title: "文章视图",
|
|
contentType: "TIP_TAP",
|
|
content: `<h2>文章视图</h2>
|
|
<p>正文按 <code>Article</code> 结构渲染，空内容时显示占位文案。</p>
|
|
<blockquote><p>把 <code>contentType</code> 换成 TEXT 或 MARKDOWN 会切换渲染分支。</p></blockquote>`,
|
|
attachmentList: []
|
|
};
|
|
</script>
|