|
- <template>
- <div v-if="isLoading" class="loadingIcon">
- <div>
- <el-icon class="is-loading">
- <svg
- viewBox="0 0 1024 1024"
- xmlns="http://www.w3.org/2000/svg"
- data-v-ea893728=""
- >
- <path
- fill="currentColor"
- d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"
- ></path>
- </svg>
- </el-icon>
- <span class="loadingText"
- ><span v-if="tips">{{ $t(`myCreating.${tips}`) }},</span
- >{{ $t("myCreating.loading1") }}</span
- >
- </div>
- </div>
- </template>
-
- <script setup>
- import { useI18n } from "vue-i18n";
- const { locale } = useI18n();
- const lanChange = ref(locale);
-
- const props = defineProps({
- isLoading: {
- required: true, //是否必传
- },
- tips: {
- required: false, //是否必传
- },
- });
- </script>
- <style lang="scss" scoped>
- .loadingIcon {
- position: relative;
- width: 100%;
- height: 80px;
- line-height: 80px;
- text-align: center;
- transform: scale(2);
- > div {
- position: absolute;
- top: 0;
- left: 50%;
- transform: translateX(-50%);
- }
- .loadingText {
- position: relative;
- top: -2px;
- left: 4px;
- }
- }
- </style>
|