Commit 4531a15a121735f676b16b0dce291460e54dfada

Authored by 史婷婷
1 parent d1d73e77

feat: 详情页优化一个版本,预加载pdf,然后再循环显示

@@ -86,13 +86,19 @@ const ProductionDetail: React.FC = () => { @@ -86,13 +86,19 @@ const ProductionDetail: React.FC = () => {
86 }}} 86 }}}
87 /> 87 />
88 { 88 {
89 - filePathItem?.type === 'mp4' ? <div className={'production-detail-video-box'}>  
90 - <VideoPlay  
91 - key={filePathItem?.url || ''}  
92 - url={filePathItem?.url || ''}  
93 - className={'production-detail-video'}  
94 - />  
95 - </div> : filePathItem?.type === 'pdf' ? <PdfPreview url={filePathItem?.url || ''}/> : '' 89 + filePathItem ? sxPreViewList?.map((item: any) => {
  90 + return <div key={item?.url} className={`production-detail-item ${item?.url !== filePathItem?.url ? 'hidden' : ''}`}>
  91 + {
  92 + item?.type === 'mp4' ? <div className={'production-detail-video-box'}>
  93 + <VideoPlay
  94 + key={item?.url || ''}
  95 + url={item?.url || ''}
  96 + className={'production-detail-video'}
  97 + />
  98 + </div> : item?.type === 'pdf' ? <PdfPreview url={item?.url || ''}/> : ''
  99 + }
  100 + </div>
  101 + }) : ''
96 } 102 }
97 </div> 103 </div>
98 </div> 104 </div>
@@ -5,6 +5,15 @@ @@ -5,6 +5,15 @@
5 position: relative; 5 position: relative;
6 width: 100%; 6 width: 100%;
7 height: calc(100vh - 88px); 7 height: calc(100vh - 88px);
  8 + &-item {
  9 + position: relative;
  10 + width: 100%;
  11 + height: calc(100vh - 88px);
  12 + &.hidden {
  13 + display: none;
  14 + }
  15 + }
  16 +
8 &-video-box { 17 &-video-box {
9 position: absolute; 18 position: absolute;
10 top: 0; 19 top: 0;
@@ -21,4 +30,4 @@ @@ -21,4 +30,4 @@
21 max-height: 100%; 30 max-height: 100%;
22 height: auto; 31 height: auto;
23 } 32 }
24 -}  
  33 +}
@@ -2,8 +2,11 @@ @@ -2,8 +2,11 @@
2 // 每个园区都有独立的分支 这里需要更换成对应的corpCode 2 // 每个园区都有独立的分支 这里需要更换成对应的corpCode
3 export const currentCorpCode = () => { 3 export const currentCorpCode = () => {
4 return 'qizhi'; 4 return 'qizhi';
  5 + // return 'jixing';
5 }; 6 };
6 7
7 export const _baseUrl = "https://test.qgutech.com"; 8 export const _baseUrl = "https://test.qgutech.com";
  9 +// export const _baseUrl = "https://apaas.qixiaocloud.com";
8 10
9 export const baseColorPrimary = '#1677FF'; 11 export const baseColorPrimary = '#1677FF';
  12 +