主要更新uniapp相关功能

uniapp/pages/tools/notepad/index.vue

@@ -1,21 +1,16 @@
 <template>
 	<view class="page">
 		<view class="toolbar">
-			<view class="search-bar">
-				<FaIcon name="magnifying-glass" color="#909399" :size="16" />
-				<input
-					class="search-input"
-					v-model="keyword"
-					type="text"
-					placeholder="搜索笔记标题或内容"
-					placeholder-class="search-placeholder"
-					confirm-type="search"
-					@confirm="loadNotes"
-				/>
-				<view v-if="keyword" class="search-clear" @tap="clearSearch">
-					<FaIcon name="circle-xmark" color="#c0c4cc" :size="16" />
-				</view>
-			</view>
+			<u-search
+				v-model="keyword"
+				placeholder="搜索笔记标题或内容"
+				:show-action="false"
+				shape="round"
+				bg-color="#f1f5f9"
+				color="#0f172a"
+				@search="loadNotes"
+				@clear="clearSearch"
+			/>
 			<view class="stats-row">
 				<text class="stats-text">共 {{ total }} 条</text>
 				<text v-if="pinnedCount" class="stats-text">置顶 {{ pinnedCount }} 条</text>
@@ -26,10 +21,12 @@
 			<view v-if="loading" class="state-box">
 				<text class="state-text">加载中...</text>
 			</view>
-			<view v-else-if="notes.length === 0" class="state-box">
-				<FaIcon name="note-sticky" color="#c0c4cc" :size="40" />
-				<text class="state-text">{{ keyword ? '未找到相关笔记' : '暂无笔记，点击右下角新建' }}</text>
-			</view>
+			<u-empty
+				v-else-if="notes.length === 0"
+				mode="list"
+				:icon-size="80"
+				:text="keyword ? '未找到相关笔记' : '暂无笔记，点击右下角新建'"
+			/>
 			<view v-else class="note-list">
 				<view
 					v-for="item in notes"
@@ -39,7 +36,7 @@
 				>
 					<view class="note-head">
 						<view class="note-title-row">
-							<text v-if="item.pinned" class="pin-tag">置顶</text>
+							<u-tag v-if="item.pinned" text="置顶" type="primary" size="mini" plain class="pin-tag" />
 							<text class="note-title">{{ item.title }}</text>
 						</view>
 						<text class="note-time">{{ formatRelativeTime(item.updatedAt) }}</text>
@@ -182,33 +179,6 @@ function onDelete(item) {
 	box-shadow: $shadow-header;
 }
 
-.search-bar {
-	display: flex;
-	align-items: center;
-	gap: 12rpx;
-	height: 72rpx;
-	padding: 0 24rpx;
-	background: $color-bg-page;
-	border-radius: $radius-full;
-}
-
-.search-input {
-	flex: 1;
-	height: 72rpx;
-	font-size: 28rpx;
-	color: $color-text;
-}
-
-.search-placeholder {
-	color: $color-text-muted;
-	font-size: 28rpx;
-}
-
-.search-clear {
-	display: flex;
-	padding: 8rpx;
-}
-
 .stats-row {
 	display: flex;
 	gap: 24rpx;
@@ -258,11 +228,6 @@ function onDelete(item) {
 
 .pin-tag {
 	flex-shrink: 0;
-	font-size: 20rpx;
-	color: $color-primary;
-	background: $color-primary-bg;
-	padding: 2rpx 10rpx;
-	border-radius: $radius-sm;
 }
 
 .note-title {