邃芒慧语、照片说话(PC) https://photo.metavatar.cc/
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 
 
 
 

59 wiersze
1.9 KiB

  1. <template>
  2. <div v-if="isLoading" class="loadingIcon">
  3. <div>
  4. <el-icon class="is-loading">
  5. <svg
  6. viewBox="0 0 1024 1024"
  7. xmlns="http://www.w3.org/2000/svg"
  8. data-v-ea893728=""
  9. >
  10. <path
  11. fill="currentColor"
  12. 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"
  13. ></path>
  14. </svg>
  15. </el-icon>
  16. <span class="loadingText"
  17. ><span v-if="tips">{{ $t(`myCreating.${tips}`) }},</span
  18. >{{ $t("myCreating.loading1") }}</span
  19. >
  20. </div>
  21. </div>
  22. </template>
  23. <script setup>
  24. import { useI18n } from "vue-i18n";
  25. const { locale } = useI18n();
  26. const lanChange = ref(locale);
  27. const props = defineProps({
  28. isLoading: {
  29. required: true, //是否必传
  30. },
  31. tips: {
  32. required: false, //是否必传
  33. },
  34. });
  35. </script>
  36. <style lang="scss" scoped>
  37. .loadingIcon {
  38. position: relative;
  39. width: 100%;
  40. height: 80px;
  41. line-height: 80px;
  42. text-align: center;
  43. transform: scale(2);
  44. > div {
  45. position: absolute;
  46. top: 0;
  47. left: 50%;
  48. transform: translateX(-50%);
  49. }
  50. .loadingText {
  51. position: relative;
  52. top: -2px;
  53. left: 4px;
  54. }
  55. }
  56. </style>