feat: Conversations封装、首页开发

src/layouts/components/navbar/components/middle-side/index.vue

@@ -1,12 +1,14 @@
 <script lang="jsx">
-import { Sender } from 'ant-design-x-vue';
 import { Input } from 'ant-design-vue';
+import { handleUserHome } from '@/utils/user.ts';
 
 export default {
   setup(props, { emit, expose }) {
     const keyWord = ref('');
+
     const handleSearch = () => {
-      console.log('handleSearch', keyWord.value);
+      handleUserHome({ keyWord: keyWord.value });
+      keyWord.value = '';
     };
     return () => (
       <div class="middle-wrap h-100% flex-1 flex items-center justify-center px-24px">

src/layouts/components/navbar/index.vue

@@ -4,7 +4,7 @@
       <img src="@/assets/img/icon-logo.png" alt="" width="96" height="24" />
     </div>
     <div class="flex-1">
-      <MiddleSide />
+      <MiddleSide v-if="!isHomeRoute" />
     </div>
     <RightSide :isAgentRoute="isAgentRoute" v-if="userStore.isLogin" />
   </div>
@@ -24,6 +24,10 @@ const userStore = useUserStore();
 const isAgentRoute = computed(() => {
   return route.meta?.isAgentRoute;
 });
+
+const isHomeRoute = computed(() => {
+  return route.name === 'Home';
+});
 </script>
 <style scoped lang="scss">
 .navbar-wrap {