Demo:支持设置外框是否包含下级节点

This commit is contained in:
街角小林 2025-04-24 17:54:44 +08:00
parent e1b3f1517b
commit 833fd7e0f3
2 changed files with 23 additions and 5 deletions

View File

@ -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;

View File

@ -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;