Skip to content

布局组件 Layout ​

基础用法 ​

目前暂时为简易左右布局,后续扩展

侧边栏
右侧容器
<template>
  <b-layout has-sider>
    <template #sider>
      <div style="height: 300px">侧边栏</div>
    </template>
    <div>右侧容器</div>
  </b-layout>
</template>

Props ​

参数说明类型可选值默认值
hasSider是否又侧边栏(目前为左侧)Boolean——
siderWidth侧边栏宽度Number—240
collapsedWidth侧边栏折叠后宽度Number—40
showToggle是否显示折叠按钮Boolean—true
showCollapsedContent是否显示折叠后的内部区域Boolean—false
contentStyle右侧容器样式Object—{}