Files
layui/package/document-component/src/document/zh-CN/components/panel.md
2022-07-30 18:01:05 +08:00

1.3 KiB
Raw Blame History

::: anchor :::

::: title 基本介绍 :::

::: describe 面板通常是指一个独立的容器 :::

::: title 基础使用 :::

::: demo 使用 lay-panel 标签, 创建面板组件

面板 <script> import { ref } from 'vue' export default { setup() { return { } } } </script>

:::

::: title 边框阴影 :::

::: demo 通过 shadow 属性设置面板阴影出现的时机。 该属性的值可以是always、hover或never。

内容 内容 内容
<script> import { ref } from 'vue' export default { setup() { return { } } } </script> <style> .panel-container > * { background: whitesmoke; margin-top: 20px; } </style>

:::

::: title Panel 属性 :::

::: table

插槽 描述 类型 默认值 可选值
shadow 阴影 string always always hover never

:::

::: title Panel 插槽 :::

::: table

插槽 描述 参数
default 默认插槽 --

:::

::: contributor panel :::

::: previousNext panel :::