Browse Source

fix:模板视频详情不展示的问题修复

version/2.1.0
WIN-UGQIHHLSKBB\EDY 1 month ago
parent
commit
678cf2325c
  1. 4
      src/dialog/asset-details/index.tsx
  2. 7
      src/layouts/layoutContentModalMount.ts
  3. 1
      src/pages/Create/panels/MyCreationsPanel/index.scss

4
src/dialog/asset-details/index.tsx

@ -481,14 +481,14 @@ export default function AssetDetailsDialog({
{isDetailLoading ? <div className="assetDetails__previewLoading" aria-hidden /> : null} {isDetailLoading ? <div className="assetDetails__previewLoading" aria-hidden /> : null}
{(() => { {(() => {
if (asset == null) return null; if (asset == null) return null;
if (asset.type === 1 || (asset.type === 4)) { if (asset.type === 1 || (asset.type === 4 && asset.taskInfo?.type === 1)) {
return ( return (
<div className="assetDetails__previewImgContainer"> <div className="assetDetails__previewImgContainer">
<img className="assetDetails__previewImg" src={asset.images?.[0]} /> <img className="assetDetails__previewImg" src={asset.images?.[0]} />
</div> </div>
); );
} }
if (asset.type === 2) { if (asset.type === 2 || (asset.type === 4 && asset.taskInfo?.type === 2)) {
return ( return (
<div className="assetDetails__previewImgContainer"> <div className="assetDetails__previewImgContainer">
<video controls playsInline preload="metadata"> <video controls playsInline preload="metadata">

7
src/layouts/layoutContentModalMount.ts

@ -23,13 +23,10 @@ export function getLayoutContentModalMount(): HTMLElement | null {
return layoutContentModalMountEl; return layoutContentModalMountEl;
} }
/** 全屏详情弹窗打开时锁住背后滚动层 */ /** 全屏详情弹窗打开时锁住背后滚动层(保留 scrollTop,仅禁止滚动) */
export function lockLayoutContentScroll(): void { export function lockLayoutContentScroll(): void {
layoutContentScrollLockCount += 1; layoutContentScrollLockCount += 1;
const scroll = layoutContentScrollEl; layoutContentScrollEl?.classList.add(LAYOUT_CONTENT_SCROLL_LOCK_CLASS);
if (scroll == null) return;
scroll.scrollTop = 0;
scroll.classList.add(LAYOUT_CONTENT_SCROLL_LOCK_CLASS);
} }
export function unlockLayoutContentScroll(): void { export function unlockLayoutContentScroll(): void {

1
src/pages/Create/panels/MyCreationsPanel/index.scss

@ -81,6 +81,7 @@
opacity: 1; opacity: 1;
transition: opacity 0.18s ease; transition: opacity 0.18s ease;
pointer-events: none; pointer-events: none;
z-index: 1;
} }
.createPage__myCreationsListItem_video:hover .createPage__myCreationsVideoHoverOverlay { .createPage__myCreationsListItem_video:hover .createPage__myCreationsVideoHoverOverlay {

Loading…
Cancel
Save