chore(ImagePreview): use useWindowSize

This commit is contained in:
chenjiahan
2020-09-14 17:54:51 +08:00
parent c5ef522f67
commit 1607aa8ba7
3 changed files with 9 additions and 8 deletions
+4 -3
View File
@@ -5,7 +5,7 @@ import { bem, createComponent } from './shared';
import { callInterceptor } from '../utils/interceptor';
// Composition
import { useEventListener } from '@vant/use';
import { useWindowSize } from '@vant/use';
import { usePublicApi } from '../composition/use-public-api';
// Components
@@ -71,6 +71,7 @@ export default createComponent({
setup(props, { emit, slots }) {
const swipeRef = ref();
const windowSize = useWindowSize();
const state = reactive({
active: 0,
@@ -177,11 +178,11 @@ export default createComponent({
};
usePublicApi({ swipeTo });
useEventListener('resize', resize);
useEventListener('orientationchange', resize);
onMounted(resize);
watch([windowSize.width, windowSize.height], resize);
watch(() => props.startPosition, setActive);
watch(