lxp_Maxcess/components/layouts/mescroll-diy.vue
2025-04-09 18:55:14 +08:00

31 lines
765 B
Vue

<template>
<mescroll-body topbar="#222222" @init="mescrollInit" @down="downCallback">
<slot></slot>
</mescroll-body>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import { onPageScroll, onReachBottom } from '@dcloudio/uni-app';
import useMescroll from "@/uni_modules/mescroll-uni/hooks/useMescroll.js";
const { mescrollInit, downCallback } = useMescroll(onPageScroll, onReachBottom) // 调用mescroll的hook
const props = defineProps({
down: Object,
up: Object,
i18n: Object,
top: [String, Number],
topbar: [Boolean, String],
bottom: [String, Number],
safearea: Boolean,
height: [String, Number],
bottombar: {
type: Boolean,
default: true
},
sticky: Boolean
})
</script>
<style lang="scss" scoped>
</style>