mkm/goview_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 优化加载进度条体验

Browse Source
This commit is contained in:
奔跑的面条 2022-12-20 17:05:13 +08:00
parent 7923d0c260
commit 2ec7386931
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/chart/ContentLoad/index.vue
View File

@ -26,6 +26,13 @@ const themeColor = computed(() => {
watch( watch(
() => chartLayoutStore.getPercentage, () => chartLayoutStore.getPercentage,
newValue => { newValue => {
if (newValue === 0) {
setTimeout(() => {
percentage.value = newValue
showModal.value = false
}, 500);
return
}
percentage.value = newValue percentage.value = newValue
showModal.value = newValue > 0 showModal.value = newValue > 0
} }

1
src/views/chart/hooks/useSync.hook.ts
View File

@ -155,7 +155,6 @@ export const useSync = () => {
if (key === ChartEditStoreEnum.COMPONENT_LIST) { if (key === ChartEditStoreEnum.COMPONENT_LIST) {
let loadIndex = 0 let loadIndex = 0
const listLength = projectData[key].length; const listLength = projectData[key].length;
console.log(listLength)
for (const comItem of projectData[key]) { for (const comItem of projectData[key]) {
// 设置加载数量 // 设置加载数量
let percentage = parseInt((parseFloat(`${++loadIndex / listLength}`) * 100).toString()) let percentage = parseInt((parseFloat(`${++loadIndex / listLength}`) * 100).toString())