From 24a799d1a2892d92979a844818dd328893851cb4 Mon Sep 17 00:00:00 2001
From: jiayun zhang <a479820787@outlook.com>
Date: Sat, 17 Sep 2022 14:14:59 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=83=8C=E6=99=AF=E8=89=B2=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/meWangEditor/index.vue |  2 +-
 src/views/customForm.vue              | 43 ++++++++++++++++-----------
 2 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/src/components/meWangEditor/index.vue b/src/components/meWangEditor/index.vue
index 5de4ac9f..e90727fa 100644
--- a/src/components/meWangEditor/index.vue
+++ b/src/components/meWangEditor/index.vue
@@ -23,7 +23,7 @@
 </template>
 
 <script setup lang="ts" name="MeWangEditor">
-import 'wangeditor/editor/dist/css/style.css'; // 引入 css
+import '@wangeditor/editor/dist/css/style.css'; // 引入 css
 import './meWangEditor.scss';
 import { onBeforeUnmount, shallowRef, PropType } from 'vue';
 import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
diff --git a/src/views/customForm.vue b/src/views/customForm.vue
index 8d246f96..8cc6874a 100644
--- a/src/views/customForm.vue
+++ b/src/views/customForm.vue
@@ -1,22 +1,27 @@
 <template>
   <div class="custom-form">
-    <el-card class="header">
-      <h3>
-        集成的<el-link type="primary" href="https://github.com/fuchengwei/vue-form-create">vue-form-create</el-link
-        >包,非常感谢
-      </h3>
-      <div>
-        但是此包有以下局限性:全局css入侵、不是用的element样式变量，兼容性差、wangEditor版本过低，不支持对应的自定义配置、不支持扩展自定义组件
-        、不支持多语言。
-      </div>
-      <div>
-        如果想要自定义表单功能，去github提<el-link
-          type="primary"
-          href="https://github.com/meadmin-cn/meadmin-template/issues/26"
-          >issues</el-link
-        >，如果人数多了，后期有精力会考虑做一版。
-      </div>
-    </el-card>
+    <el-collapse>
+      <el-collapse-item class="header">
+        <template #title>
+          <h3>
+            集成的
+            <el-link type="primary" href="https://github.com/fuchengwei/vue-form-create">vue-form-create</el-link>
+            包,非常感谢!
+          </h3>
+        </template>
+        <div>
+          但是此包有以下局限性:全局css入侵、不是用的element样式变量，兼容性差、wangEditor版本过低，不支持对应的自定义配置、不支持扩展自定义组件
+          、不支持多语言。
+        </div>
+        <div>
+          如果想要自定义表单功能，去github提<el-link
+            type="primary"
+            href="https://github.com/meadmin-cn/meadmin-template/issues/26"
+            >issues</el-link
+          >，如果人数多了，后期有精力会考虑做一版。
+        </div>
+      </el-collapse-item>
+    </el-collapse>
     <div class="body">
       <el-design-form class="design-form"></el-design-form>
     </div>
@@ -108,6 +113,10 @@ if (app && !app.config.globalProperties.$initCreate) {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
+  .header {
+    background: var(--el-bg-color);
+    padding: 0 10px;
+  }
   .body {
     position: relative;
     flex-grow: 1;