diff --git a/src/routers/photo/item/index.tsx b/src/routers/photo/item/index.tsx index d535e40..b507919 100644 --- a/src/routers/photo/item/index.tsx +++ b/src/routers/photo/item/index.tsx @@ -15,7 +15,7 @@ export default function PhotoCard(props: CardType) { const { images, dynamic_id, ...resPorps } = props.data; const [open, set] = useState(false), handlerChangeOpen = () => set((open) => !open); - const modalPorps = { open, images, onClose: handlerChangeOpen }; + const modalPorps = { open, images, onClose: handlerChangeOpen, dynamic_id }; return (
void; + dynamic_id: number | string; }; export default function ImgModals(props: ModalType) { - const { open, onClose, images } = props; + const { open, onClose, images, dynamic_id } = props; const location = useLocation(); useEffect(() => { let flag = false; @@ -36,6 +40,21 @@ export default function ImgModals(props: ModalType) { images={images.map((item, index) => ({ src: item.src, key: index }))} visible={open} onClose={onClose} + toolbarRender={() => ( + + + 去对应动态 + + )} + // overlayRender={() => } /> ); } diff --git a/src/routers/photo/item/photo.module.less b/src/routers/photo/item/photo.module.less index 06a560e..eaddacc 100644 --- a/src/routers/photo/item/photo.module.less +++ b/src/routers/photo/item/photo.module.less @@ -5,4 +5,15 @@ .show-img { min-height: 150px; } +} + +:global { + .PhotoView-Slider__BannerRight { + flex: 1; + justify-content: end; + } + + .PhotoView-Slider__BannerWrap { + align-items: baseline; + } } \ No newline at end of file