From 4bbc8c6e4d64b9842645d138802f5388f0c7fc57 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Tue, 8 Jul 2025 12:02:16 +0800
Subject: [PATCH] feat: ui update

---
 open-isle-cli/src/components/BaseInput.vue  | 21 +++++++++++++++++----
 open-isle-cli/src/components/PostEditor.vue |  4 +---
 open-isle-cli/src/views/MessagePageView.vue |  2 ++
 open-isle-cli/src/views/NewPostPageView.vue |  5 ++++-
 4 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/open-isle-cli/src/components/BaseInput.vue b/open-isle-cli/src/components/BaseInput.vue
index d97133597..5f2361adc 100644
--- a/open-isle-cli/src/components/BaseInput.vue
+++ b/open-isle-cli/src/components/BaseInput.vue
@@ -1,16 +1,29 @@
 <template>
   <div class="base-input">
-    <i v-if="icon" :class="['base-input-icon', icon]"></i>
-    <component
-      :is="textarea ? 'textarea' : 'input'"
+    <i v-if="icon" :class="['base-input-icon', icon]" />
+
+    <!-- 普通输入框 -->
+    <input
+      v-if="!textarea"
       class="base-input-text"
       :type="type"
-      v-model="innerValue"
       v-bind="$attrs"
+      :value="modelValue"
+      @input="$emit('update:modelValue', $event.target.value)"
+    />
+
+    <!-- 多行输入框 -->
+    <textarea
+      v-else
+      class="base-input-text"
+      v-bind="$attrs"
+      :value="modelValue"
+      @input="$emit('update:modelValue', $event.target.value)"
     />
   </div>
 </template>
 
+
 <script>
 export default {
   name: 'BaseInput',
diff --git a/open-isle-cli/src/components/PostEditor.vue b/open-isle-cli/src/components/PostEditor.vue
index 20673780b..3293b6cc0 100644
--- a/open-isle-cli/src/components/PostEditor.vue
+++ b/open-isle-cli/src/components/PostEditor.vue
@@ -80,9 +80,7 @@ export default {
 
 <style scoped>
 .post-editor-container {
-  border-right: 1px solid #e2e2e2;
-  border-top: 1px solid #e2e2e2;
-  border-bottom: 1px solid #e2e2e2;
+  border: 1px solid #e2e2e2;
 }
 </style>
 
diff --git a/open-isle-cli/src/views/MessagePageView.vue b/open-isle-cli/src/views/MessagePageView.vue
index 0a5b677aa..9503c72b2 100644
--- a/open-isle-cli/src/views/MessagePageView.vue
+++ b/open-isle-cli/src/views/MessagePageView.vue
@@ -162,7 +162,9 @@ export default {
 }
 
 .message-page {
+  background-color: var(--background-color);
   padding: 20px;
+  height: calc(100vh - var(--header-height) - 40px);
 }
 
 .notif-content {
diff --git a/open-isle-cli/src/views/NewPostPageView.vue b/open-isle-cli/src/views/NewPostPageView.vue
index 9562819ab..c74c2a1c8 100644
--- a/open-isle-cli/src/views/NewPostPageView.vue
+++ b/open-isle-cli/src/views/NewPostPageView.vue
@@ -174,6 +174,10 @@ export default {
 .new-post-page {
   display: flex;
   justify-content: center;
+  background-color: var(--background-color);
+  height: calc(100vh - var(--header-height));
+  padding-right: 20px;
+  padding-left: 20px;
 }
 
 .new-post-form {
@@ -242,7 +246,6 @@ export default {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-left: 20px;
   margin-top: 20px;
 }