diff --git a/packages/renderless/src/image-viewer/index.ts b/packages/renderless/src/image-viewer/index.ts index fb763453cd..b1248d6459 100644 --- a/packages/renderless/src/image-viewer/index.ts +++ b/packages/renderless/src/image-viewer/index.ts @@ -438,7 +438,7 @@ export const handleVisible = state.transform.deg = 0 setTimeout(() => { - if (props.startPosition !== 0) { + if (props.startPosition > 0) { state.index = (props.startPosition - 1 + state.urlList.length) % state.urlList.length state.imageTransform = state.index * state.imageItemWidth state.imageTransformSize = -state.index * state.imageItemWidth @@ -481,7 +481,7 @@ export const getImageWidth = state.imageAllWidth = state.urlList.length * imageW if (mode !== 'mobile-first') { - if (props.startPosition !== 0) { + if (props.startPosition > 0) { state.index = props.startPosition state.imageTransition = 0 diff --git a/packages/renderless/src/image-viewer/vue.ts b/packages/renderless/src/image-viewer/vue.ts index 6a48185990..8cd51475ab 100644 --- a/packages/renderless/src/image-viewer/vue.ts +++ b/packages/renderless/src/image-viewer/vue.ts @@ -91,7 +91,7 @@ const initState = ({ reactive, computed, api, mode, props, constants, inject }) infinite: true, loading: false, transform: { scale: 1, deg: 0, offsetX: 0, offsetY: 0, objfit: 'contain', enableTransition: false }, - urlList: inject('urlList', null) || props.urlList, + urlList: props.urlList || inject('urlList', null), mode: constants.MODE.CONTAIN, previewVisible: props.previewVisible, fullScreen: props.imageFullCurrent,