Commit 4531a15a121735f676b16b0dce291460e54dfada

Authored by 史婷婷
1 parent d1d73e77

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

... ... @@ -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 103 </div>
98 104 </div>
... ...
... ... @@ -5,6 +5,15 @@
5 5 position: relative;
6 6 width: 100%;
7 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 17 &-video-box {
9 18 position: absolute;
10 19 top: 0;
... ... @@ -21,4 +30,4 @@
21 30 max-height: 100%;
22 31 height: auto;
23 32 }
24   -}
\ No newline at end of file
  33 +}
... ...
... ... @@ -2,8 +2,11 @@
2 2 // 每个园区都有独立的分支 这里需要更换成对应的corpCode
3 3 export const currentCorpCode = () => {
4 4 return 'qizhi';
  5 + // return 'jixing';
5 6 };
6 7
7 8 export const _baseUrl = "https://test.qgutech.com";
  9 +// export const _baseUrl = "https://apaas.qixiaocloud.com";
8 10
9 11 export const baseColorPrimary = '#1677FF';
  12 +
... ...