diff --git a/UI/Badge/README.md b/UI/Badge/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..0e11fe262ed23374b1f756c416be254b29493d26
--- /dev/null
+++ b/UI/Badge/README.md
@@ -0,0 +1,16 @@
+# Badge<a name="EN-US_TOPIC_0000001172354593"></a>
+
+### Introduction<a name="section104mcpsimp"></a>
+
+This sample shows how to customize the color, size, position, and events to respond for badges.
+
+### Usage<a name="section107mcpsimp"></a>
+
+After you enter the home screen of your application, two types of badge examples will be displayed.
+
+After you touch the message box, the badge disappears.
+
+### Constraints<a name="section112mcpsimp"></a>
+
+This sample can only be run on mini-system devices.
+
diff --git a/UI/Badge/README_zh.md b/UI/Badge/README_zh.md
new file mode 100644
index 0000000000000000000000000000000000000000..ba456c6cc57de8df72b8f0695ad44a2ac7c2bafe
--- /dev/null
+++ b/UI/Badge/README_zh.md
@@ -0,0 +1,16 @@
+# 事件标记控件<a name="ZH-CN_TOPIC_0000001172354593"></a>
+
+### 简介<a name="section104mcpsimp"></a>
+
+本示例展示了事件标记控件（badge）的简单使用，开发者可自定义该控件的颜色、大小、放置位置、响应事件等能力。
+
+### 使用说明<a name="section107mcpsimp"></a>
+
+进入应用主界面后，会显示两种消息提醒示例。
+
+点击消息框后，消息提醒控件会隐藏。
+
+### 约束和限制<a name="section112mcpsimp"></a>
+
+本示例仅支持在轻量系统上运行。
+
diff --git a/UI/Badge/entry/screenshots/badge.jpg b/UI/Badge/screenshots/badge.jpg
similarity index 100%
rename from UI/Badge/entry/screenshots/badge.jpg
rename to UI/Badge/screenshots/badge.jpg