修改 backtop 文档
This commit is contained in:
parent
297e731c1f
commit
ba879de7c1
@ -10,7 +10,7 @@
|
|||||||
::: title 基础使用
|
::: title 基础使用
|
||||||
|
|
||||||
:::
|
:::
|
||||||
::: demo 回到顶部组件的默认样式,<code>lay-backtop</code> 会自动寻找最近的可滚动祖先元素,也可以使用 `target` 属性指定触发滚动事件的元素,通过滑动来查看页面右下角的正方形按钮。
|
::: demo 回到顶部组件的默认样式,`lay-backtop` 会自动寻找最近的可滚动祖先元素,也可以使用 `target` 属性指定触发滚动事件的元素,通过滑动来查看页面右下角的正方形按钮。
|
||||||
<template>
|
<template>
|
||||||
<lay-backtop></lay-backtop>
|
<lay-backtop></lay-backtop>
|
||||||
</template>
|
</template>
|
||||||
@ -22,7 +22,7 @@
|
|||||||
|
|
||||||
:::title 自定义
|
:::title 自定义
|
||||||
|
|
||||||
::: demo 回到顶部组件可自定义样式,限制宽高:50px \* 50px,<code>showHeight = 0</code> 将始终显示,<code>disabled</code> 属性禁用返回顶部。查看页面右下角的圆形按钮。
|
::: demo 回到顶部组件可自定义样式,限制宽高:50px \* 50px,`showHeight = 0` 将始终显示,`disabled` 属性禁用返回顶部。查看页面右下角的圆形按钮。
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<!-- 使用默认插槽自定义 -->
|
<!-- 使用默认插槽自定义 -->
|
||||||
@ -59,7 +59,7 @@ export default {
|
|||||||
::: title 挂载容器
|
::: title 挂载容器
|
||||||
|
|
||||||
:::
|
:::
|
||||||
::: demo 通过设置 <code>target</code> 和 <code>position="absolute"</code>参数,可对特定容器进行返回顶部操作
|
::: demo 通过设置 `target` 和 `position="absolute"` 参数,可对特定容器进行返回顶部操作
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<!-- 需要用一个 div 包裹触发滚动事件的目标元素和 lay-backtop 组件 -->
|
<!-- 需要用一个 div 包裹触发滚动事件的目标元素和 lay-backtop 组件 -->
|
||||||
@ -72,6 +72,14 @@ export default {
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
export default {
|
||||||
|
setup() {
|
||||||
|
|
||||||
|
return {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
:::
|
:::
|
||||||
|
@ -19,6 +19,8 @@ export default {
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
:::
|
||||||
|
|
||||||
::: title Icon Picker 属性
|
::: title Icon Picker 属性
|
||||||
:::
|
:::
|
||||||
|
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
::: title 基本介绍
|
::: title 基本介绍
|
||||||
:::
|
:::
|
||||||
|
|
||||||
::: describe 语义化的矢量图形。使用图标组件,你需要安装 @layui/icons-vue 图标组件包
|
::: describe 语义化的矢量图形。使用图标组件,你需要安装 `@layui/icons-vue` 图标组件包
|
||||||
:::
|
:::
|
||||||
|
|
||||||
::: title 基础使用
|
::: title 基础使用
|
||||||
|
Loading…
Reference in New Issue
Block a user