KeCheng

1.8 KiB

Raw Permalink Blame History Unescape Escape

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

title	description	spline	isComponent
BackTop 返回顶部	用于当页面过长往下滑动时，帮助用户快速回到页面顶部。	navigation	true

引入

全局引入，在 miniprogram 根目录下的app.json中配置，局部引入，在需要引入的页面或组件的index.json中配置。

"usingComponents": {
"t-back-top": "tdesign-miniprogram/back-top/back-top",
}

代码演示

基础返回顶部

API

BackTop Props

名称	类型	默认值	说明	必传
external-classes	Array	-	组件类名，分别用于设置外层元素、图标、文本内容等元素类名。`['t-class', 't-class-icon', 't-class-text']`	N
fixed	Boolean	true	是否绝对定位固定到屏幕右下方	N
icon	String / Boolean / Object / Slot	true	图标。值为 `false` 表示不显示图标。不传表示使用默认图标 `'backtop'`	N
text	String	''	文案	N
theme	String	round	预设的样式类型。可选项：round/half-round/round-dark/half-round-dark	N

BackTop Events

名称	参数	描述
to-top	-	点击触发

1.8 KiB Raw Permalink Blame History Unescape Escape

引入

代码演示

基础返回顶部

API

BackTop Props

BackTop Events

1.8 KiB

Raw Permalink Blame History Unescape Escape