首页搜索栏优化

pages/tabs/messages.vue

@@ -2,10 +2,13 @@
   <view class="page msg edge">
     <fy-header :title="unread ? ('消息(' + unread + ')') : '消息'">
       <template #right>
-        <text class="ico sm" @click="goSearch">⌕</text>
         <text class="ico" @click="plus">＋</text>
       </template>
     </fy-header>
+    <view class="finder" @click="goSearch">
+      <text class="finder-ico">⌕</text>
+      <text>搜索</text>
+    </view>
     <fy-scroll class="edge-scroll list" dock @refresh="reload">
       <view v-if="!rows.length" class="empty">暂无会话</view>
       <view
@@ -124,13 +127,31 @@ export default {
         }
       })
     },
-    goSearch() { uni.navigateTo({ url: '/pages/search/search' }) }
+    goSearch() {
+      uni.navigateTo({
+        url: '/pages/search/search',
+        animationType: 'slide-in-right',
+        animationDuration: 280
+      })
+    }
   }
 }
 </script>
 
 <style scoped>
-.msg { display: flex; flex-direction: column; height: 100%; background: #F5F7FA; overflow: hidden; }
+.msg { display: flex; flex-direction: column; height: 100%; background: #fff; overflow: hidden; }
+.finder {
+  margin: 12rpx 24rpx 16rpx;
+  height: 72rpx;
+  border-radius: 16rpx;
+  background: #F3F4F6;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #9CA3AF;
+  font-size: 28rpx;
+}
+.finder-ico { margin-right: 8rpx; font-size: 30rpx; }
 .list { background: #fff; }
 .ico.sm { font-size: 34rpx; color: #1677FF; }
 .item { display: flex; align-items: center; padding: 22rpx 28rpx; background: #fff; }