From 34745a89c0e320cd847d10c4154bc168726a4037 Mon Sep 17 00:00:00 2001
From: sunhao <sunhao@easycorp.ltd>
Date: Fri, 29 Dec 2023 14:52:08 +0800
Subject: [PATCH] * picker: update doc.

---
 lib/picker/docs/lib/components/index.md | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/lib/picker/docs/lib/components/index.md b/lib/picker/docs/lib/components/index.md
index cbf11a7f5c..75002316db 100644
--- a/lib/picker/docs/lib/components/index.md
+++ b/lib/picker/docs/lib/components/index.md
@@ -4,10 +4,16 @@
 
 ## 单选
 
+::: tabs
+
+== 示例
+
 <Example>
   <div id="singlePickerExample"></div>
 </Example>
 
+== HTML
+
 ```html
 <div id="singlePickerExample"></div>
 
@@ -36,12 +42,20 @@ const picker = new zui.Picker('#singlePickerExample', {
 </script>
 ```
 
+:::
+
 ## 多选
 
+::: tabs
+
+== 示例
+
 <Example>
   <div id="multiPickerExample"></div>
 </Example>
 
+== HTML
+
 ```html
 <div id="multiPickerExample"></div>
 
@@ -70,8 +84,14 @@ const picker = new zui.Picker('#multiPickerExample', {
 </script>
 ```
 
+:::
+
 ## 在输入组中使用
 
+::: tabs
+
+== 示例
+
 <Example>
   <div class="input-group">
     <span class="input-group-addon">选择一种水果</span>
@@ -80,6 +100,8 @@ const picker = new zui.Picker('#multiPickerExample', {
   </div>
 </Example>
 
+== HTML
+
 ```html
 <div class="input-group">
   <span class="input-group-addon">选择一种水果</span>
@@ -88,6 +110,8 @@ const picker = new zui.Picker('#multiPickerExample', {
 </div>
 ```
 
+:::
+
 ## 初始化选项
 
 <Props>