优化大屏的UI布局

src/renderer/components/base/VirtualizedList.vue

@@ -224,14 +224,19 @@ export default {
       height: props.list.length * props.itemHeight + 'px',
     }))
 
-    watch(() => props.itemHeight, updateView)
-    watch(() => props.list, (list) => {
+    const handleReset = list => {
       cachedList = Array(list.length)
       startIndex = -1
       endIndex = -1
       nextTick(() => {
         updateView()
       })
+    }
+    watch(() => props.itemHeight, () => {
+      handleReset(props.list)
+    })
+    watch(() => props.list, (list) => {
+      handleReset(list)
     }, {
       deep: true,
     })

src/renderer/components/material/OnlineList/useList.js

@@ -1,5 +1,6 @@
 import { computed, useRefGetter, watch, ref, onBeforeUnmount } from '@renderer/utils/vueTools'
-import { windowSizeList } from '@common/config'
+import { windowSizeList, isFullscreen } from '@renderer/core/share'
+import { getFontSizeWithScreen } from '@renderer/utils'
 
 const useKeyEvent = ({ handleSelectAllData }) => {
   const keyEvent = {
@@ -49,7 +50,7 @@ export default ({ props }) => {
   const setting = useRefGetter('setting')
   let lastSelectIndex = -1
   const listItemHeight = computed(() => {
-    return parseInt(windowSizeList.find(item => item.id == setting.value.windowSizeId).fontSize) / 16 * 37
+    return Math.ceil((isFullscreen.value ? getFontSizeWithScreen() : parseInt(windowSizeList.find(item => item.id == setting.value.windowSizeId).fontSize)) * 2.3)
   })
 
   const removeAllSelect = () => {