From 729f1c526d3fb35c22f24f7516a9c62fc115b104 Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期四, 27 六月 2024 15:37:14 +0800
Subject: [PATCH] fix: 修改应用场景
---
src/views/project/ch/home/Home.vue | 47 +++++++++++++++++++++--------------------------
1 files changed, 21 insertions(+), 26 deletions(-)
diff --git a/src/views/project/ch/home/Home.vue b/src/views/project/ch/home/Home.vue
index 70bc5bc..32ce900 100644
--- a/src/views/project/ch/home/Home.vue
+++ b/src/views/project/ch/home/Home.vue
@@ -1,29 +1,19 @@
<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"></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">
<div class="flex items-center flex-column mt-20">
- <waterTop />
- <waterCenter />
- <waterBottom />
+ <div class="flex items-center flex-column" v-if="!isShowChat">
+ <waterTop @sendClick="sendClick" />
+ <waterCenter />
+ <waterBottom />
+ </div>
+ <div v-if="isShowChat">
+ <Chat />
+ </div>
</div>
</div>
<p class="declare">
@@ -39,11 +29,18 @@
</template>
<script setup lang="ts">
-import asideTitle from './component/waterLeftAside/asideTitle.vue';
+import { ref } from '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(false);
+
+const sendClick = () => {
+ isShowChat.value = true;
+};
</script>
<style scoped lang="scss">
.pc-chat_room {
@@ -51,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;
@@ -104,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;
--
Gitblit v1.9.3