63 lines
1.7 KiB
TypeScript
63 lines
1.7 KiB
TypeScript
|
import { onReady } from '@dcloudio/uni-app'
|
||
|
|
import { getIsTabbar, getArrElementByIdx } from '@/utils/index'
|
||
|
|
|
||
|
|
export default () => {
|
||
|
|
// 获取页面栈
|
||
|
|
const pages = getCurrentPages()
|
||
|
|
const isTabbar = getIsTabbar()
|
||
|
|
|
||
|
|
// 页面滚动到底部时的操作，通常用于加载更多数据
|
||
|
|
const onScrollToLower = () => {}
|
||
|
|
// 获取屏幕边界到安全区域距离
|
||
|
|
const { safeAreaInsets } = uni.getSystemInfoSync()
|
||
|
|
|
||
|
|
// #ifdef MP-WEIXIN
|
||
|
|
// 基于小程序的 Page 类型扩展 uni-app 的 Page
|
||
|
|
type PageInstance = Page.PageInstance & WechatMiniprogram.Page.InstanceMethods<any>
|
||
|
|
// 获取当前页面实例，数组最后一项
|
||
|
|
const pageInstance = getArrElementByIdx(getCurrentPages(), -1) as PageInstance
|
||
|
|
|
||
|
|
// 页面渲染完毕，绑定动画效果
|
||
|
|
onReady(() => {
|
||
|
|
// 动画效果,导航栏背景色
|
||
|
|
pageInstance.animate(
|
||
|
|
'.fly-navbar',
|
||
|
|
[{ backgroundColor: 'transparent' }, { backgroundColor: '#f8f8f8' }],
|
||
|
|
1000,
|
||
|
|
{
|
||
|
|
scrollSource: '#scroller',
|
||
|
|
timeRange: 1000,
|
||
|
|
startScrollOffset: 0,
|
||
|
|
endScrollOffset: 50,
|
||
|
|
},
|
||
|
|
)
|
||
|
|
// 动画效果,导航栏标题
|
||
|
|
pageInstance.animate(
|
||
|
|
'.fly-navbar .title',
|
||
|
|
[{ color: 'transparent' }, { color: '#000' }],
|
||
|
|
1000,
|
||
|
|
{
|
||
|
|
scrollSource: '#scroller',
|
||
|
|
timeRange: 1000,
|
||
|
|
startScrollOffset: 0,
|
||
|
|
endScrollOffset: 50,
|
||
|
|
},
|
||
|
|
)
|
||
|
|
// 动画效果,导航栏返回按钮
|
||
|
|
pageInstance.animate('.fly-navbar .left-icon', [{ color: '#fff' }, { color: '#000' }], 1000, {
|
||
|
|
scrollSource: '#scroller',
|
||
|
|
timeRange: 1000,
|
||
|
|
startScrollOffset: 0,
|
||
|
|
endScrollOffset: 50,
|
||
|
|
})
|
||
|
|
})
|
||
|
|
// #endif
|
||
|
|
|
||
|
|
return {
|
||
|
|
pages,
|
||
|
|
isTabbar,
|
||
|
|
onScrollToLower,
|
||
|
|
safeAreaInsets,
|
||
|
|
}
|
||
|
|
}
|