add readme file of badge sample

Signed-off-by: adslk <liuxin283@huawei.com>

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.
+

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>
+
+本示例仅支持在轻量系统上运行。
+