From ebe0f0a72bdcdd551025800356ff58c54a3f21ac Mon Sep 17 00:00:00 2001
From: liusuY <851209312@qq.com>
Date: Mon, 6 Dec 2021 16:08:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9Ecomment=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../docs/components/comment/index.md          | 48 +++++++++++++++++++
 .../docs/en-US/components/comment/index.md    | 46 ++++++++++++++++++
 2 files changed, 94 insertions(+)
 create mode 100644 packages/devui-vue/docs/components/comment/index.md
 create mode 100644 packages/devui-vue/docs/en-US/components/comment/index.md

diff --git a/packages/devui-vue/docs/components/comment/index.md b/packages/devui-vue/docs/components/comment/index.md
new file mode 100644
index 00000000..4d9cca29
--- /dev/null
+++ b/packages/devui-vue/docs/components/comment/index.md
@@ -0,0 +1,48 @@
+# Comment 评论
+
+对网站内容的反馈、评价和讨论。
+
+### 何时使用
+
+评论组件可用于对事物的讨论，例如页面、博客文章、问题等等。
+
+### 基本评论
+
+:::demo
+
+```vue
+<template>
+  <d-comment>
+    <template v-slot:actions>
+      <p>MyAvatar</p>
+    </template>
+
+    <template v-slot:author>MyAvatar</template>
+
+    <template v-slot:avatar>
+      <d-avatar name="MyAvatar"></d-avatar>
+    </template>
+    <template v-slot:content>
+      <p>用于对事物的讨论，例如页面、博客文章、问题等等。</p>
+    </template>
+    <template v-slot:datetime>20:36</template>
+  </d-comment>
+</template>
+```
+
+:::
+
+<style>
+
+</style>
+
+### API
+
+d-comment 参数
+| 参数 | 类型 | 默认 | 说明 |
+| :------: | :--: | :--: | :---------------------------------------------- |
+| actions | - | - | - |
+| author | - | - | 要显示为注释作者的元素 |
+| avatar | - | - | 要显示为评论头像的元素 - 通常是 avatar |
+| content | - | - | 评论的主要内容 |
+| datetime | - | - | 展示时间描述 |
diff --git a/packages/devui-vue/docs/en-US/components/comment/index.md b/packages/devui-vue/docs/en-US/components/comment/index.md
new file mode 100644
index 00000000..feb1f3b5
--- /dev/null
+++ b/packages/devui-vue/docs/en-US/components/comment/index.md
@@ -0,0 +1,46 @@
+# Comment
+
+A comment displays user feedback and discussion to website content.
+
+### When To Use
+
+Comments can be used to enable discussions on an entity such as a page, blog post, issue or other.
+
+### Basic Usage
+
+:::demo
+
+```vue
+<template>
+ <d-comment>
+   <template v-slot:actions>
+     <p>MyAvatar</p>
+   </template>
+   <template v-slot:author>MyAvatar</template>
+   <template v-slot:avatar>
+     <d-avatar name="MyAvatar"></d-avatar>
+   </template>
+   <template v-slot:content>
+     <p>Used to discuss things, such as pages, blog posts, questions, etc.</p>
+   </template>
+   <template v-slot:datetime>20:36</template>
+ </d-comment>
+</template>
+```
+
+:::
+
+<style>
+
+</style>
+
+### API
+
+d-comment 
+| Parameter | Type | Default | Description |
+| :------: | :--: | :--: | :---------------------------------------------- |
+| actions | - | - | - |
+| author | - | - | The element to display as the comment author |
+| avatar | - | - | The element to display as the comment avatar - generally an antd Avatar |
+| content | - | - | The main content of the comment |
+| datetime | - | - | A datetime element containing the time to be displayed |
-- 
Gitee