PageContainer 页面容器

页面容器，可以快速创建一个统一风格的页面容器。

基础使用

快速创建一个页面容器。

查看代码

<template>
	<demo-container transparent>
		<gov-page-container title="页面标题" :border="false" :round="false">
			这是内容主体部分。
		</gov-page-container>
	</demo-container>
</template>

完整例子

配合面包屑和操作按钮一起使用。

• 可以在before、actions、title 插槽分别自定义内容展示。
• 可以设置 border、round 是否需要边框和圆角。

查看代码

<template>
	<demo-container>
		<gov-page-container title="页面标题" border round>
			<template #before>
				<gov-breadcrumb>
					<gov-breadcrumb-item>
						<a href="/">首页</a>
					</gov-breadcrumb-item>
					<gov-breadcrumb-item>企业列表</gov-breadcrumb-item>
					<gov-breadcrumb-item>企业详情</gov-breadcrumb-item>
				</gov-breadcrumb>
			</template>
			<template #actions>
				<gov-button icon="edit">编辑</gov-button>
			</template>
			这是内容主体部分。
		</gov-page-container>
	</demo-container>
</template>

Attributes

属性名	说明	类型	可选值	默认值
title	页面容器标题	String	—	""
titleUnderline	标题是否显示下划线	Boolean	true, false	true
border	是否显示边框	Boolean	true, false	true
round	边框是否圆角	Boolean	true, false	true

Slots

插槽名	说明	作用域插槽	内容
title	标题内容，如果提供了 `title` 属性，则此插槽将被忽略	否	—
actions	标题右侧的操作区域	否	—
before	内容区域之前的插槽	否	—
default	主要内容区域	否	—