SpWithSidebar 侧边栏-左右结构

带有侧边栏的布局，为左右结构，侧边栏在右侧。工单、客户、来电弹屏等页面会用到此布局。一般会与组件 sp-sidebar 一同使用

基础用法

<SpWithSidebar>
  <template #default>
    <SpCard title="工单管理"></SpCard>
  </template>
  <template #sidebar>
    <SpSidebar v-model="activeName">
      <SpSidebarPane icon="customer" tip="客户信息" :badge="1">1</SpSidebarPane>
      <SpSidebarPane icon="application" tip="应用中心" :badge="12">2</SpSidebarPane>
      <SpSidebarPane icon="message" tip="消息队列" badge="8">3</SpSidebarPane>
    </SpSidebar>
  </template>
</SpWithSidebar>

API

插槽

插槽名	说明
default	自定义默认内容
sidebar	侧边栏组件