diff --git a/package-lock.json b/package-lock.json
index 3c974bb..edd7b46 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "name": "code-brick-wd",
       "version": "0.1.0",
       "dependencies": {
-        "code-brick-zj": "^0.1.0",
+        "code-brick-zj": "^1.0.2",
         "core-js": "^3.8.3",
         "element-ui": "^2.15.12",
         "vue": "^2.6.14",
@@ -4007,9 +4007,9 @@
       }
     },
     "node_modules/code-brick-zj": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/code-brick-zj/-/code-brick-zj-0.1.0.tgz",
-      "integrity": "sha512-vEymEN/28lEJP3045DCE/7143SXjdNyNmWZuy3/NcIUP/e9YOjhm46itzjNWCjJZCI6vWvQkCD1EfmA4hPknuw=="
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/code-brick-zj/-/code-brick-zj-1.0.2.tgz",
+      "integrity": "sha512-V8XwYqXjIPMfPCaZMja4I2MJPT45EEnzRmTL1Ps6aMsmUQ/PhZ48OwUvddBFNqNZeVV13aPm1b5K1c3ogfad8Q=="
     },
     "node_modules/color-convert": {
       "version": "1.9.3",
@@ -14473,9 +14473,9 @@
       }
     },
     "code-brick-zj": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/code-brick-zj/-/code-brick-zj-0.1.0.tgz",
-      "integrity": "sha512-vEymEN/28lEJP3045DCE/7143SXjdNyNmWZuy3/NcIUP/e9YOjhm46itzjNWCjJZCI6vWvQkCD1EfmA4hPknuw=="
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/code-brick-zj/-/code-brick-zj-1.0.2.tgz",
+      "integrity": "sha512-V8XwYqXjIPMfPCaZMja4I2MJPT45EEnzRmTL1Ps6aMsmUQ/PhZ48OwUvddBFNqNZeVV13aPm1b5K1c3ogfad8Q=="
     },
     "color-convert": {
       "version": "1.9.3",
diff --git a/package.json b/package.json
index 87af197..cb45037 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "code-brick-zj": "^0.1.0",
+    "code-brick-zj": "^1.0.2",
     "core-js": "^3.8.3",
     "element-ui": "^2.15.12",
     "vue": "^2.6.14",
diff --git a/src/views/home/introduce.vue b/src/views/home/introduce.vue
index a6d67cb..349353e 100644
--- a/src/views/home/introduce.vue
+++ b/src/views/home/introduce.vue
@@ -3,9 +3,16 @@
     <p>
       组件包目前封装常用的四个组件:表格，搜索区域，分页，对话框。包npm地址为：https://www.npmjs.com/package/code-brick-zj。
     </p>
-    <p>文档当前使用的组件包的版本为：0.1.0</p>
+    <p>文档当前使用的组件包的版本为：1.0.2</p>
     <div class="block">
       <el-timeline>
+        <el-timeline-item timestamp="2023/2/28" placement="top">
+          <el-card>
+            <h4>修改</h4>
+            <h4>搜索栏：增加展开收起的样式</h4>
+            <p>组件版本号为：1.0.2</p>
+          </el-card>
+        </el-timeline-item>
         <el-timeline-item timestamp="2023/2/28" placement="top">
           <el-card>
             <h4>新增</h4>
diff --git a/src/views/searchBar/searchBar.vue b/src/views/searchBar/searchBar.vue
index 66f1ba4..4300949 100644
--- a/src/views/searchBar/searchBar.vue
+++ b/src/views/searchBar/searchBar.vue
@@ -145,20 +145,24 @@
     </div>
     <div class="demo-box">
       <h3>Cascader 级联选择器</h3>
-      <div style="height: 120px">
+      <div>
         <SearchBar
           :formConfigs="formConfig22"
+          :isFold="true"
           @headBtnClick="headBtnClickCascader"
         />
       </div>
       <el-collapse>
         <el-collapse-item title="显示代码">
-          <div class="description"></div>
+          <div class="description">
+            搜索条件过多的，可以使用展开收起功能<code>isFold</code>属性，的值为true即可
+          </div>
           <div>
             <pre>
               &lt;<span>template</span>&gt;
                 &lt;SearchBar
                   :formConfigs="formConfig22"
+                  :isFold="true"
                   @headBtnClick="headBtnClickCascader" /&gt;
               &lt;<span>/template</span>&gt;
               &lt;script&gt;