diff --git a/pages/index.vue b/pages/index.vue
index c50edfc..3c365fe 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -27,8 +27,8 @@
 		<view class="header-section">
 			<view class="search">
 				<view class="search-l">
-					<u-search shape="square" :animation="true" :showAction="true" v-model="screenValue"
-						@search="handleKeyup" @clear="handleKeyup" />
+					<uni-search-bar v-model="screenValue" @confirm="handleKeyup" @cancel="handleKeyup"
+						@clear="handleKeyup" cancelButton="none" />
 				</view>
 				<view class="search-r">
 					<u-checkbox-group placement="row">
@@ -827,6 +827,15 @@
 				font-size: 16px;
 				color: #fff;
 			}
+
+			::v-deep.uni-searchbar {
+				height: 33px;
+				padding: 0;
+
+				.uni-searchbar__box {
+					height: 33px;
+				}
+			}
 		}
 	}