|
|
@ -8,13 +8,13 @@ |
|
|
import { ref, onMounted, onBeforeUnmount, watch, computed } from 'vue' |
|
|
import { ref, onMounted, onBeforeUnmount, watch, computed } from 'vue' |
|
|
import { useStore } from '@/store' |
|
|
import { useStore } from '@/store' |
|
|
import BScroll, { BScrollInstance } from '@better-scroll/core' |
|
|
import BScroll, { BScrollInstance } from '@better-scroll/core' |
|
|
import ScrollBar from '@better-scroll/scroll-bar' |
|
|
|
|
|
|
|
|
import ScrollBar, { ScrollbarOptions } from '@better-scroll/scroll-bar' |
|
|
|
|
|
|
|
|
BScroll.use(ScrollBar) |
|
|
BScroll.use(ScrollBar) |
|
|
|
|
|
|
|
|
type Props = { |
|
|
type Props = { |
|
|
list: any[] | string |
|
|
list: any[] | string |
|
|
scrollbar: boolean |
|
|
|
|
|
|
|
|
scrollbar: ScrollbarOptions |
|
|
pullUp: boolean |
|
|
pullUp: boolean |
|
|
scrollX: boolean |
|
|
scrollX: boolean |
|
|
beforeScroll: boolean |
|
|
beforeScroll: boolean |
|
|
@ -26,7 +26,9 @@ type Props = { |
|
|
|
|
|
|
|
|
const props = withDefaults(defineProps<Props>(), { |
|
|
const props = withDefaults(defineProps<Props>(), { |
|
|
list: () => [], |
|
|
list: () => [], |
|
|
scrollbar: false, |
|
|
|
|
|
|
|
|
scrollbar: () => ({ |
|
|
|
|
|
fade: false |
|
|
|
|
|
}), |
|
|
pullUp: false, |
|
|
pullUp: false, |
|
|
scrollX: false, |
|
|
scrollX: false, |
|
|
beforeScroll: false, |
|
|
beforeScroll: false, |
|
|
@ -52,8 +54,8 @@ const _initScroll = () => { |
|
|
disableMouse: false, |
|
|
disableMouse: false, |
|
|
disableTouch: false, |
|
|
disableTouch: false, |
|
|
scrollX: props.scrollX, |
|
|
scrollX: props.scrollX, |
|
|
probeType: props.probeType |
|
|
|
|
|
// scrollbar: props.scrollbar |
|
|
|
|
|
|
|
|
probeType: props.probeType, |
|
|
|
|
|
scrollbar: props.scrollbar |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
if (props.listenScroll) { |
|
|
if (props.listenScroll) { |
|
|
|