router-view问题

wujingjing

2024-06-27 ad47a1e537163af2e9a3059ee488a88ae4025de6

 src/views/project/ch/home/Home.vue

@@ -1,24 +1,7 @@
<template>
   <div class="pc-chat_room">
      <div class="flex h100 w100">
         <div class="pc-chat_aside">
            <div class="aside_top">
               <div class="logo">
                  <div class="flex items-center">
                     <img src="/static/images/logo/logo-mini.svg" alt="logo" class="layout-logo-medium-img" />
                     <span class="font-extrabold text-xl text-white tracking-wide">水务 AI平台</span>
                  </div>
               </div>
            </div>
            <div class="aside_center">
               <asideNew />
            </div>
            <div class="aside_bottom">
               <asideTitle />
            </div>
         </div>
         <div class="pc-chat_right">
            <waterHeader />
            <div class="w100 h100 overflow-auto">
               <div class="pc-chatRoom w100 h100">
                  <div class="homeBox w100 h100">
@@ -47,15 +30,13 @@

<script setup lang="ts">
import { ref } from 'vue';
import asideNew from './component/waterLeftAside/asideNew.vue';
import asideTitle from './component/waterLeftAside/asideTitle.vue';
import waterBottom from './component/waterRight/bottom.vue';
import waterCenter from './component/waterRight/center.vue';
import waterHeader from './component/waterRight/header.vue';
import waterTop from './component/waterRight/top.vue';
import Chat from '/@/components/chat/Chat.vue';

const isShowChat = ref(true);
const isShowChat = ref(false);

const sendClick = () => {
   isShowChat.value =true;
@@ -67,11 +48,11 @@
   height: 100vh;
   margin: 0;
   padding: 0;
   overflow: hidden;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   background-color: #1c1e1d;
   font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   // overflow: hidden;
   // -webkit-box-sizing: border-box;
   // box-sizing: border-box;
   // background-color: #1c1e1d;
   // font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.pc-chat_aside {
   width: 252px !important;
@@ -120,8 +101,6 @@
   padding: 0;
   background: linear-gradient(180deg, #f5f4f6 0, #f2f2f6 25%, #e9edf7);
   position: relative;
   margin: 6px;
   border-radius: 10px;
   display: block;
   flex: 1;
   -ms-flex-preferred-size: auto;