From 833fd7e0f3368ef40bee81f8dcef7b0f40d4b70b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A1=97=E8=A7=92=E5=B0=8F=E6=9E=97?= <1013335014@qq.com>
Date: Thu, 24 Apr 2025 17:54:44 +0800
Subject: [PATCH] =?UTF-8?q?Demo=EF=BC=9A=E6=94=AF=E6=8C=81=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E5=A4=96=E6=A1=86=E6=98=AF=E5=90=A6=E5=8C=85=E5=90=AB?=
 =?UTF-8?q?=E4=B8=8B=E7=BA=A7=E8=8A=82=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Edit/components/AssociativeLineStyle.vue  |  4 ++--
 .../pages/Edit/components/NodeOuterFrame.vue  | 24 ++++++++++++++++---
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/web/src/pages/Edit/components/AssociativeLineStyle.vue b/web/src/pages/Edit/components/AssociativeLineStyle.vue
index 8c177cbb..d8ca8c04 100644
--- a/web/src/pages/Edit/components/AssociativeLineStyle.vue
+++ b/web/src/pages/Edit/components/AssociativeLineStyle.vue
@@ -144,7 +144,7 @@
         </div>
       </div>
       <!-- 关联线文字 -->
-      <div class="title noTop">{{ $t('baseStyle.associativeLineText') }}</div>
+      <div class="title">{{ $t('baseStyle.associativeLineText') }}</div>
       <div class="row">
         <div class="rowItem">
           <span class="name">{{ $t('baseStyle.fontFamily') }}</span>
@@ -354,7 +354,7 @@ export default {
     font-weight: 500;
     color: rgba(26, 26, 26, 0.9);
     margin-bottom: 10px;
-    margin-top: 20px;
+    margin-top: 35px;
 
     &.noTop {
       margin-top: 0;
diff --git a/web/src/pages/Edit/components/NodeOuterFrame.vue b/web/src/pages/Edit/components/NodeOuterFrame.vue
index 8e3f9813..805dbc9f 100644
--- a/web/src/pages/Edit/components/NodeOuterFrame.vue
+++ b/web/src/pages/Edit/components/NodeOuterFrame.vue
@@ -1,7 +1,7 @@
 <template>
   <Sidebar ref="sidebar" :title="$t('nodeOuterFrame.nodeOuterFrameStyle')">
     <div class="sidebarContent" :class="{ isDark: isDark }">
-      <div class="panelHeader">
+      <div class="panelHeader noTop">
         <span class="name">{{ $t('nodeOuterFrame.outerFrameSetting') }}</span>
         <span class="deleteBtn" @click="deleteOuterFrame">
           {{ $t('nodeOuterFrame.deleteOuterFrame') }}
@@ -9,6 +9,19 @@
         </span>
       </div>
       <div class="panelBody">
+        <div class="row">
+          <div class="rowItem">
+            <el-checkbox
+              v-model="styleConfig.containsChildren"
+              @change="
+                value => {
+                  updateOuterFrame('containsChildren', value)
+                }
+              "
+              >外框是否包含子节点</el-checkbox
+            >
+          </div>
+        </div>
         <div class="row">
           <div class="rowItem">
             <span class="name">{{ $t('nodeOuterFrame.boxStyle') }}</span>
@@ -140,7 +153,7 @@
           </div>
         </div>
       </div>
-      <div class="panelHeader" style="margin-top: 12px;">
+      <div class="panelHeader">
         <span class="name">{{ $t('nodeOuterFrame.outerFrameText') }}</span>
         <span class="deleteBtn" @click="deleteOuterFrameText">
           {{ $t('nodeOuterFrame.deleteOuterFrameText') }}
@@ -563,7 +576,12 @@ export default {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    margin-bottom: 12px;
+    margin-bottom: 10px;
+    margin-top: 35px;
+
+    &.noTop {
+      margin-top: 0;
+    }
 
     .name {
       font-size: 16px;