搜也刷新优化

components/fy-header.vue

@@ -80,11 +80,15 @@ export default {
   font-weight: 300;
 }
 .leftlab { font-size: 28rpx; color: #1677FF; }
-.title {
+.mid {
   position: absolute;
-  left: 180rpx;
-  right: 180rpx;
-  text-align: center;
+  left: 160rpx;
+  right: 160rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.title {
   font-size: 28rpx;
   font-weight: 600;
   color: #111827;
@@ -93,4 +97,11 @@ export default {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.extra {
+  margin-left: 6rpx;
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #111827;
+  flex-shrink: 0;
+}
 </style>

pages/tabs/messages.vue

@@ -1,15 +1,15 @@
 <template>
   <view class="page msg edge">
-    <fy-header :title="unread ? ('消息(' + unread + ')') : '消息'">
+    <fy-header title="消息" :extra="unreadLabel">
       <template #right>
         <text class="ico" @click="plus">＋</text>
       </template>
     </fy-header>
-    <view class="finder" @click="goSearch">
-      <wd-icon name="search" size="28rpx" color="#9CA3AF" />
-      <text class="finder-txt">搜索</text>
-    </view>
     <fy-scroll class="edge-scroll list" dock @refresh="reload">
+      <view class="finder" @click="goSearch">
+        <wd-icon name="search" size="28rpx" color="#9CA3AF" />
+        <text class="finder-txt">搜索</text>
+      </view>
       <view v-if="!rows.length" class="empty">暂无会话</view>
       <view
         v-for="c in rows"
@@ -52,6 +52,12 @@ export default {
   data() {
     return { rows: [], unread: 0, off: null }
   },
+  computed: {
+    unreadLabel() {
+      if (!this.unread) return ''
+      return '(' + (this.unread > 99 ? '99+' : this.unread) + ')'
+    }
+  },
   onShow() {
     if (this.off) this.off()
     this.guard()