diff --git a/src/control/drtab/drtab.tsx b/src/control/drtab/drtab.tsx index 74368b4fdf070f37d1da201e67386d5811edf048..b7db9a2ab767d1c23313373d0994db90fbce96d2 100644 --- a/src/control/drtab/drtab.tsx +++ b/src/control/drtab/drtab.tsx @@ -40,14 +40,16 @@ export const DRTabControl = defineComponent({ onTabChange={this.handleTabChange} > {drTabPages.map(tab => { - return ( - - ); + if (!tab.hidden) { + return ( + + ); + } })} )} diff --git a/src/editor/html/wang-editor/wang-editor.scss b/src/editor/html/wang-editor/wang-editor.scss index 8b658b3ed2c34f38f7a17a748ce8e59fabf7542d..8ee272944db47f2dc81e1afdc69419be3abbc7f8 100644 --- a/src/editor/html/wang-editor/wang-editor.scss +++ b/src/editor/html/wang-editor/wang-editor.scss @@ -9,15 +9,15 @@ $html: ( width: 100%; height: 100%; - @include b(html-content){ + @include b(html-content) { display: flex; flex-direction: column; height: 100%; } - @include b(html-editor){ + @include b(html-editor) { height: getCssVar('html', 'height') !important; - padding: 0;; + padding: 0; overflow-y: scroll; border: 1px solid getCssVar(color, border); } @@ -29,7 +29,7 @@ $html: ( --w-e-textarea-slight-color: #{getCssVar(color, text, 1)}; --w-e-textarea-slight-bg-color: #{getCssVar(color, bg, 1)}; --w-e-textarea-selected-border-color: #{getCssVar(color, border)}; - --w-e-textarea-handler-bg-color: #{getCssVar(color, primary)};; + --w-e-textarea-handler-bg-color: #{getCssVar(color, primary)}; --w-e-toolbar-color: #{getCssVar(color, text, 0)}; --w-e-toolbar-bg-color: #{getCssVar(color, bg, 1)}; --w-e-toolbar-active-color: #{getCssVar(color, text, 0)}; @@ -47,6 +47,11 @@ $html: ( .w-e-full-screen-container { z-index: 9999; } + .w-e-scroll { + > div { + background-color: getCssVar(color, bg, 0); + } + } } @include b('html-editor-readonly') { @include b('html-toolbar') { @@ -147,5 +152,3 @@ $html: ( height: 68px; margin-top: 0; } - -