WebService / ben-test · Files

<template>
    <el-dialog
        v-model="isLoading"
        title=" "
        width="260px"
        align-center
        :close-on-click-modal="false"
        :show-close="false"
        :close-on-press-escape="false"
        :modal="false"
        center
    >
        <span class="message" v-loading="isLoading" element-loading-background="rgba(255, 255, 255, 0.2)">{{
            loadingMessage
        }}</span>
        <template #footer> </template>
    </el-dialog>
</template>
<script setup>
import { useIsLoadingStore } from '@/views/stores/inprogress/useIsLoadingStore';
import { storeToRefs } from 'pinia';

const store = useIsLoadingStore();
const { isLoading, loadingMessage } = storeToRefs(store);
</script>
<style lang="less" scoped>
.message {
    display: flex;
    justify-content: center;
    font-size: 16px;
}
</style>