@retailwe/ui-back-top

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	点击触发	无