Skip to content

witLayoutColumn Column Layout Component ​

witLayoutColumn is a column layout component based on Element Plus, provides complete page layout structure, includes column navigation bar, header navigation, tab bar and main content area, supports multiple style themes and flexible layout configuration.

Usage Example ​

vue
<template>
  <div>
    <!-- Basic usage -->
    <witLayoutColumn />
    
    <!-- Custom configuration -->
    <witLayoutColumn
      :collapse="false"
      :fixedHeader="true"
      :showTabs="true"
      :showHeader="true"
    />
  </div>
</template>

<script lang="ts" setup>
// No additional configuration needed, component automatically integrates with settings system
</script>

API ​

Component ​

Property NameTypeDefault ValueDescription
collapse[Boolean]falseWhether to collapse sidebar
fixedHeader[Boolean]trueWhether to fix header navigation and tab bar
showTabs[Boolean]trueWhether to show tab bar
showHeader[Boolean]trueWhether to show header navigation

Slots ​

Slot NameDescription
-No slot configuration

Events ​

Event NameDescriptionParameters
-No directly exposed events-

湘ICP备2024070110号