index.vue 629 B

123456789101112131415161718192021222324252627282930
  1. <script setup lang="ts">
  2. import { ref, onBeforeMount } from "vue";
  3. import { useLoader } from "@pureadmin/utils";
  4. import { ElDesignForm } from "vue-form-create2";
  5. defineOptions({
  6. name: "FormDesign"
  7. });
  8. const loading = ref(true);
  9. const { loadScript } = useLoader();
  10. onBeforeMount(() => {
  11. loadScript({
  12. src: "https://unpkg.com/ace-builds/src-noconflict/ace.js"
  13. }).then(message => {
  14. if (message === "success") loading.value = false;
  15. });
  16. });
  17. </script>
  18. <template>
  19. <ElDesignForm v-loading="loading" style="height: 100vh" />
  20. </template>
  21. <style lang="scss" scoped>
  22. .main-content {
  23. margin: 0 !important;
  24. }
  25. </style>