|
||
---|---|---|
.. | ||
README.md | ||
back-top.d.ts | ||
back-top.js | ||
back-top.json | ||
back-top.wxml | ||
back-top.wxss | ||
props.d.ts | ||
props.js | ||
type.d.ts | ||
type.js |
README.md
title | description | spline | isComponent |
---|---|---|---|
BackTop 返回顶部 | 用于当页面过长往下滑动时,帮助用户快速回到页面顶部。 | navigation | true |
引入
全局引入,在 miniprogram 根目录下的app.json
中配置,局部引入,在需要引入的页面或组件的index.json
中配置。
"usingComponents": {
"t-back-top": "tdesign-miniprogram/back-top/back-top",
}
代码演示

基础返回顶部
{{ base }}
API
BackTop Props
名称 | 类型 | 默认值 | 说明 | 必传 |
---|---|---|---|---|
external-classes | Array | - | 组件类名,分别用于设置外层元素、图标、文本内容等元素类名。['t-class', 't-class-icon', 't-class-text'] |
N |
fixed | Boolean | true | 是否绝对定位固定到屏幕右下方 | N |
icon | String / Slot | 'backtop' | 图标 | N |
text | String | '' | 文案 | N |
theme | String | round | 预设的样式类型。可选项:round/half-round/round-dark/half-round-dark | N |
BackTop Events
名称 | 参数 | 描述 |
---|---|---|
to-top | - | 点击触发 |