theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

📝(component): 调整 line 分割线说明

Browse Source
This commit is contained in:
就眠儀式 2022-08-07 02:40:33 +08:00
parent 06d109dcef
commit 06f0985912
1 changed files with 4 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
package/document-component/src/document/zh-CN/components/line.md
View File

@ -4,10 +4,10 @@
::: title 基础使用 ::: title 基础使用
::: :::
::: describe 默认为水平分割线 ::: describe 区分内容的分割线。
::: :::
::: demo ::: demo 默认为水平分割线
<template> <template>
默认分割线 默认分割线
@ -45,10 +45,7 @@ export default {
::: title 带内容的分割线 ::: title 带内容的分割线
::: :::
::: describe 带内容的分割线，contentPosition 属性设置内容位置，offset 属性设置内容偏移量, 单位 <code>px</code> 或百分比值。也可以通过 <code>border-style</code>和<code>border-width</code>自定义样式 ::: demo `contentPosition` 属性设置内容位置，`offset` 属性设置内容偏移量, 单位 `px` 或百分比值。也可以通过 `border-style` 和`border-width` 自定义样式
:::
::: demo
<template> <template>
<lay-line>🌲 🌲 🌲 🌲</lay-line><br> <lay-line>🌲 🌲 🌲 🌲</lay-line><br>
@ -66,10 +63,7 @@ export default {
::: title 竖直分割线 ::: title 竖直分割线
::: :::
::: describe 设置 <code>direction = 'vertical'</code> 即可使用竖直分割线 ::: demo 设置 `direction` = 'vertical' 即可使用竖直分割线
:::
::: demo
<template> <template>
默认分割线 默认分割线
@ -93,8 +87,6 @@ export default {
::: :::
::: title Line 属性 ::: title Line 属性
::: :::