mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-01-30 12:52:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(nimbus-service-layout): add header slot

Browse Source
This commit is contained in:
07akioni 2019-09-17 19:26:55 +08:00
parent 7a4f376d63
commit 1f28cd19c5
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/nimbus/ServiceLayout/src/main.vue
View File

@ -5,7 +5,8 @@
:class="{
'n-nimbus-service-layout__body--collapsed': isCollapsed,
'n-nimbus-service-layout__body--active': !isCollapsed,
'n-nimbus-service-layout__body--disable-menu': disableMenu
'n-nimbus-service-layout__body--disable-menu': disableMenu,
'n-nimbus-service-layout__body--with-header': $slots.header
}"
>
<scrollbar>
@ -19,11 +20,12 @@
</scrollbar>
</div>
<div
class="n-nimbus-service-layout__drawer"
class="n-nimbus-service-layout-drawer"
:class="{
'n-nimbus-service-layout__drawer--collapsed': isCollapsed,
'n-nimbus-service-layout__drawer--active': !isCollapsed,
'n-nimbus-service-layout__drawer--disabled': disableMenu,
'n-nimbus-service-layout-drawer--collapsed': isCollapsed,
'n-nimbus-service-layout-drawer--active': !isCollapsed,
'n-nimbus-service-layout-drawer--disabled': disableMenu,
'n-nimbus-service-layout-drawer--with-header': $slots.header
}"
>
<div class="n-nimbus-service-layout-drawer__item-wrapper">
@ -99,6 +101,9 @@
<img src="./toggleButton.svg">
</div>
</div>
<div class="n-nimbus-service-layout__header">
<slot name="header" />
</div>
</div>
</template>