(panel): 改善 panel 文档

This commit is contained in:
就眠儀式 2022-10-24 00:19:56 +08:00
parent e5d032cc28
commit 247466983b
2 changed files with 4 additions and 6 deletions

View File

@ -38,16 +38,14 @@ export default {
::: title 组件图标 ::: title 组件图标
::: :::
<br> ::: describe 使用图标组件,你需要安装 @layui/icons-vue 图标组件包。
::: describe 使用图标组件,你需要安装 `@layui/icons-vue` 图标组件包。
::: :::
``` ```
npm install @layui/icons-vue npm install @layui/icons-vue
``` ```
::: describe 然后, 你可以像之前使用组件一样去创建图标。 ::: describe 然后你可以像之前使用组件一样去创建图标。
::: :::
```vue ```vue

View File

@ -10,7 +10,7 @@
::: title 基础使用 ::: title 基础使用
::: :::
::: demo 使用 `lay-panel` 标签, 创建面板组件 ::: demo 使用 `lay-panel` 标签, 创建面板
<template> <template>
<lay-panel>面板</lay-panel> <lay-panel>面板</lay-panel>
@ -33,7 +33,7 @@ export default {
::: title 边框阴影 ::: title 边框阴影
::: :::
::: demo 通过 shadow 属性设置面板阴影出现的时机。 该属性的值可以是always、hover或never ::: demo 通过 `shadow` 属性设置阴影出现的时机,可选值为 `always` `hover` `never` 默认为 `always`
<template> <template>
<div class="panel-container"> <div class="panel-container">