lunanting/jmalcloud-view
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #299 from jamebal/dev

Browse Source 
perf: 优化gird视图下某些分辨率显示不全的问题
This commit is contained in:
jmal 2024-10-24 17:28:05 +08:00 committed by GitHub
commit 9124d7d802
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ShowFile/ShowFile.vue
View File

@ -465,8 +465,9 @@
:border="false" :border="false"
:style="{ :style="{
width: '100%', width: '100%',
'max-height': clientHeight - 25 + 'px', maxHeight: clientHeight - 25 + 'px',
rowGap: '8px', minHeight: gridMinHeight + 'px',
rowGap: '10px',
overflow: 'auto', overflow: 'auto',
'box-shadow': 'box-shadow':
fileListScrollTop > 0 fileListScrollTop > 0
@ -1069,6 +1070,7 @@ export default {
gridColumnNum: -1, gridColumnNum: -1,
gridPaddingRight: 0, gridPaddingRight: 0,
gridItemWidth: 125, gridItemWidth: 125,
gridMinHeight: 125,
allChecked: false, allChecked: false,
summaries: '', summaries: '',
shareDialogVisible: false, shareDialogVisible: false,
@ -1566,6 +1568,12 @@ export default {
let gridRowNum = Math.round( let gridRowNum = Math.round(
this.clientHeight / (clientWidth / this.gridColumnNum) this.clientHeight / (clientWidth / this.gridColumnNum)
) )
if (this.finished) {
let actualRows = Math.ceil(this.fileList.length / this.gridColumnNum)
this.gridMinHeight = actualRows * this.gridItemWidth + (actualRows - 1) * 10
}
const lastPageSize = this.pagination.pageSize const lastPageSize = this.pagination.pageSize
const thisPageSize = gridRowNum * this.gridColumnNum + this.gridColumnNum const thisPageSize = gridRowNum * this.gridColumnNum + this.gridColumnNum
if (thisPageSize !== lastPageSize) { if (thisPageSize !== lastPageSize) {