49 lines
941 B
Vue
49 lines
941 B
Vue
<template>
|
|
<view>
|
|
<Nav v-if="store.scrollTop>=44" />
|
|
<view class="content">
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import {
|
|
ref,
|
|
reactive,
|
|
onMounted
|
|
} from "vue";
|
|
import {
|
|
onLoad,
|
|
onReady,
|
|
onShow,
|
|
onPageScroll
|
|
} from '@dcloudio/uni-app'
|
|
import Nav from '@/components/CustomNavbar.vue'; //导航栏
|
|
// pinia管理
|
|
import {
|
|
useNavbarStore
|
|
} from '@/stores/navbarStore';
|
|
const store = useNavbarStore();
|
|
|
|
// 大于44显示导航栏
|
|
const navScroll = ref(false)
|
|
|
|
// 动态更新导航栏配置
|
|
store.updateNavbarConfig({
|
|
showBack: true, //左边返回键
|
|
rightText: '', //右边文字
|
|
showSearch: true, //true是标题其他事文字
|
|
title: '',
|
|
isTransparent: false,
|
|
hasPlaceholder: false //是否要占位符
|
|
});
|
|
|
|
//动态导航栏滑动距离
|
|
onPageScroll((res) => {
|
|
uni.$u.debounce(store.scrollTop = res.scrollTop, 500)
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.content {}
|
|
</style> |