tinyapp-enhance
支付宝小程序
安装
$ npm i tinyapp-enhance
列表
- 组件监听当前页面的
onPageScroll
,onShow
,onResize
,onHide
使用方法
// App.jsimport { enhanceApp } from 'tinyapp-enhance' const options = { // App的一些配置}- App(options)+ App(enhanceApp(options)); // 页面// Pages/page1/xxx.jsimport { enhancePage } from "tinyapp-enhance"; const options = { // Page的一些配置} - Page(options);+ Page(enhancePage(options)); // 组件// Components/xxx-component/xxx.jsimport { enhanceComponent } from "tinyapp-enhance"; const options = {+ pageLifetimes: {+ onPageScroll({ scrollTop }) {+ // 这里可以访问到使用该组件页面的滚动+ },+ onResize(){},+ onShow(){},+ onHide(){},+ } // Component 其他配置} - Component(options);+ Component(enhanceComponent(options));