From 6ae4841b48665145aa469d574fbadb988a9c498c Mon Sep 17 00:00:00 2001
From: suerprisePlus <15810472099@163.com>
Date: 星期四, 27 六月 2024 15:55:17 +0800
Subject: [PATCH] 演示1版本
---
src/components/Chat/index.vue | 19 +++++++++++++++----
1 files changed, 15 insertions(+), 4 deletions(-)
diff --git a/src/components/Chat/index.vue b/src/components/Chat/index.vue
index 1403e52..2e4aa88 100644
--- a/src/components/Chat/index.vue
+++ b/src/components/Chat/index.vue
@@ -5,7 +5,10 @@
</div>
<div class="toolBox">
<!-- <tools :tools="toolConfig" class="tools" @emoji="bindEmoji" /> -->
- <EnterBox @submit="enter" v-model="msg" />
+ <div :class=" $store.state.setScreenFlag ? 'isActive' : 'Active' ">
+ <EnterBox @submit="enter" v-model="msg" />
+ </div>
+
</div>
</div>
</template>
@@ -114,18 +117,26 @@
.taleBox {
height: calc(100% - 100px);
+ width: 100%;
overflow: auto;
overflow-x: hidden;
padding-top: 15px;
- padding-left: 10px;
- padding-right: 10px;
+
}
.toolBox {
- height:60px;
+ height: 60px;
width: 100%;
+ display: flex;
+ justify-content: center;
/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); */
}
+.isActive{
+ width: 90% !important;
+}
+.Active{
+ width: 50% !important;
+}
</style>
<style>
.scroll-container {
--
Gitblit v1.9.3