0.0.21 • Published 4 years ago
@retailwe/ui-back-top v0.0.21
back-top 回到顶部
引入
全局引入,在miniprogram根目录下的app.json
中配置,局部引入,在需要引入的页面或组件的index.json
中配置。
// app.json 或 index.json
"usingComponents": {
"back-top": "@retailwe/ui-back-top/index"
}
代码演示
基础用法
直接引入, 回到页面顶部, 可传入isIphoneX兼容页面展示, 可传文字,图标;可定制字体、图标颜色
<back-top isIphoneX="{{isIphoneX}}" text="返回首页" iconName="star-filled" iconColor="blue" />
Page({
data: {
isIphoneX: true,
},
});
API
tab Props
参数 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
isIphoneX | 是否iphoneX | boolean | false | - |
text | 文案 | String | 返回首页 | - |
iconName | 图标 | String | fixed-top | - |
iconColor | 颜色 | String | #4a4a4a | - |
tab Event
事件名 | 说明 | 参数 |
---|---|---|
toTop | 点击触发 | 无 |