From 9304b82bd565a2616266c4b3b177a87da38aa473 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=83=A1=E9=95=87?= <huzhen555@qq.com>
Date: Tue, 8 Aug 2023 12:06:00 +0800
Subject: [PATCH] docs: update README.md

---
 README.md       | 16 ++++++++++++++++
 README.zh-CN.md | 16 ++++++++++++++++
 2 files changed, 32 insertions(+)

diff --git a/README.md b/README.md
index 26413c9..075f54a 100644
--- a/README.md
+++ b/README.md
@@ -12,6 +12,22 @@
 ![typescript](https://badgen.net/badge/icon/typescript?icon=typescript&label)
 ![license](https://img.shields.io/badge/license-MIT-blue.svg)
 
+## Example
+
+#### Dropdown menu select
+
+![1](https://github.com/JOU-amjs/sdm2/assets/29848971/f7f5fd21-d49b-45b6-94d4-e94c25326f0c)
+
+#### Tree select
+
+![2](https://github.com/JOU-amjs/sdm2/assets/29848971/7f46ad80-f18e-4d61-86f5-85fb908d0dd8)
+
+#### Side menubar
+
+![3](https://github.com/JOU-amjs/sdm2/assets/29848971/85e3a46a-130c-4f9a-89c9-5a62e0b069f8)
+
+Complete example [click here to view](https://codesandbox.io/p/sandbox/github/JOU-amjs/sdm2-example/tree/main?file=%2Fsrc%2FApp.vue)
+
 ## 🚀 Features
 
 - easy to use
diff --git a/README.zh-CN.md b/README.zh-CN.md
index ec95700..30cf679 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -12,6 +12,22 @@
 ![typescript](https://badgen.net/badge/icon/typescript?icon=typescript&label)
 ![license](https://img.shields.io/badge/license-MIT-blue.svg)
 
+## 示例
+
+#### 下拉菜单选择
+
+![1](https://github.com/JOU-amjs/sdm2/assets/29848971/f7f5fd21-d49b-45b6-94d4-e94c25326f0c)
+
+#### 树形菜单选择
+
+![2](https://github.com/JOU-amjs/sdm2/assets/29848971/7f46ad80-f18e-4d61-86f5-85fb908d0dd8)
+
+#### 侧边菜单栏
+
+![3](https://github.com/JOU-amjs/sdm2/assets/29848971/85e3a46a-130c-4f9a-89c9-5a62e0b069f8)
+
+完整示例 [请点此查看](https://codesandbox.io/p/sandbox/github/JOU-amjs/sdm2-example/tree/main?file=%2Fsrc%2FApp.vue)
+
 ## 🚀 特性
 
 - 易于使用