mirror of
https://gitee.com/dromara/go-view.git
synced 2026-04-23 00:00:12 +08:00
奔跑的面条
41 lines
1.0 KiB
Vue
41 lines
1.0 KiB
Vue
<template>
|
|
<n-modal :show="showModal" :close-on-esc="false" transform-origin="center">
|
|
<div>
|
|
<span> 拼命加载中... </span>
|
|
<n-progress type="line" :color="themeColor" :percentage="percentage" style="width: 300px" />
|
|
</div>
|
|
</n-modal>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref, watch, computed } from 'vue'
|
|
import { useChartLayoutStore } from '@/store/modules/chartLayoutStore/chartLayoutStore'
|
|
import { useDesignStore } from '@/store/modules/designStore/designStore'
|
|
|
|
const chartLayoutStore = useChartLayoutStore()
|
|
const designStore = useDesignStore()
|
|
const showModal = ref(false)
|
|
const percentage = ref(0)
|
|
|
|
// 颜色
|
|
const themeColor = computed(() => {
|
|
return designStore.getAppTheme
|
|
})
|
|
|
|
// 监听百分比
|
|
watch(
|
|
() => chartLayoutStore.getPercentage,
|
|
newValue => {
|
|
if (newValue === 0) {
|
|
setTimeout(() => {
|
|
percentage.value = newValue
|
|
showModal.value = false
|
|
}, 500);
|
|
return
|
|
}
|
|
percentage.value = newValue
|
|
showModal.value = newValue > 0
|
|
}
|
|
)
|
|
</script>
|