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号