chore: update demo

shunnNet · Oct 15, 2024 · 4b1778c · 4b1778c
1 parent fad2d1d
commit 4b1778c
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/components/SingleModalSectionA.vue b/src/components/SingleModalSectionA.vue
@@ -77,7 +77,7 @@ const ModalAActive = useModalActive('ModalPageSingleA')
       v-if="isModalAActive"
       to="body"
     >
-      <div class="fixed top-20px left-20px z-100000">
+      <div class="fixed bottom-20px left-20px z-100000">
         <ElButton
           type="warning"
           @click="close()"

diff --git a/src/pages/nested/ModalB.vue b/src/pages/nested/ModalB.vue
@@ -45,7 +45,7 @@ const onOpenFailedCase = async (name: string) => {
     </RouterLink>
 
     <div class="my-4">
-      <RouterView />
+      <RouterView name="modal-default" />
     </div>
 
     <div class="grid gap-4 max-w-200px">

diff --git a/src/pages/page-single-modal/ModalB.vue b/src/pages/page-single-modal/ModalB.vue
@@ -25,7 +25,7 @@ const route = useRoute()
     <p>Close: no returnValue</p>
     <p>Confirm: 'ModalB return value'</p>
     <HighlightText :message="`Message from props: ${ message}`" />
-    <RouterView />
+    <RouterView name="modal-default" />
     <template #footer>
       <ElButton
         type="warning"

diff --git a/src/pages/prepare-open/ModalC.vue b/src/pages/prepare-open/ModalC.vue
@@ -73,7 +73,7 @@ const onSubmit = async () => {
       Try to Refresh the page. Or copy/paste current url to other tab. <br>
       And you will first see the loading, then modal show after data loading complete.
     </div>
-    <RouterView />
+    <RouterView name="modal-default" />
     <template #footer>
       <ElButton
         type="warning"