搜索页面样式优化

2026-09-23 18:23:03 +08:00
parent 924ac8d826
commit b60f518578
2 changed files with 73 additions and 12 deletions
@@ -6,8 +6,8 @@
      </template>
    </fy-header>
    <view class="finder" @click="goSearch">
-      <text class="finder-ico">⌕</text>
-      <text>搜索</text>
+      <wd-icon name="search" size="28rpx" color="#9CA3AF" />
+      <text class="finder-txt">搜索</text>
    </view>
    <fy-scroll class="edge-scroll list" dock @refresh="reload">
      <view v-if="!rows.length" class="empty">暂无会话</view>
@@ -141,17 +141,16 @@ export default {
 <style scoped>
 .msg { display: flex; flex-direction: column; height: 100%; background: #fff; overflow: hidden; }
 .finder {
-  margin: 12rpx 24rpx 16rpx;
-  height: 72rpx;
-  border-radius: 16rpx;
+  margin: 8rpx 24rpx 12rpx;
+  height: 56rpx;
+  border-radius: 12rpx;
  background: #F3F4F6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9CA3AF;
-  font-size: 28rpx;
 }
-.finder-ico { margin-right: 8rpx; font-size: 30rpx; }
+.finder-txt { margin-left: 8rpx; font-size: 26rpx; line-height: 1; }
 .list { background: #fff; }
 .ico.sm { font-size: 34rpx; color: #1677FF; }
 .item { display: flex; align-items: center; padding: 22rpx 28rpx; background: #fff; }