Container 布局容器

基础用法

<template>
  <bl-container title="标题"> 正文 </bl-container>
</template>
<script>
  export default {
    data() {
      return {};
    }
  };
</script>

取消标记

<template>
  <bl-container title="标题" :mark="false"> 正文 </bl-container>
</template>
<script>
  export default {
    data() {
      return {};
    }
  };
</script>

带面包屑

<template>
  <bl-container title="标题">
    <template #crumb>
      <el-breadcrumb>
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>详情</el-breadcrumb-item>
      </el-breadcrumb>
    </template>
    正文
  </bl-container>
</template>
<script>
  export default {
    data() {
      return {};
    }
  };
</script>

Attributes

参数	说明	类型	可选值	默认值
title	标题名称	string	-	-
mark	标记是否显示	boolean	-	true

插槽

参数	说明	类型	可选值	默认值
default	正文内容	any	-	-
crumb	面包屑	string	-	-