This commit is contained in:
539943419 committed 2024-11-22 13:40:29 +08:00
1 parent e8dd9ccf11
commit bfc841fac2
2 files changed
+9 -12

No files matched your search

+9 -10
View File
@@ -187,14 +187,14 @@ provide('rootDirectory', rootDirectory)
</div> </div>
</div> </div>
<div class="view-container"> <div class="view-container">
<transition-group name="page"> <!-- <transition-group name="page"> -->
<div class="view-container-item" v-for="(view, index) of views._views" <div class="view-container-item" v-for="(view, index) of views._views"
:class="!view.visible ? 'view-container-item-hidden' : ''" :key="view.id"> :class="!view.visible ? 'view-container-item-hidden' : ''" :key="view.id">
<component :is="view.component" v-model:current-directories="view.currentDirectories" <component :is="view.component" v-model:current-directories="view.currentDirectories"
v-model:current-files="view.currentFiles" :id="view.id" :color="view.color" :view="view" v-model:current-files="view.currentFiles" :id="view.id" :color="view.color" :view="view"
:views="views" @exit="deleteView(index)"></component> :views="views" @exit="deleteView(index)"></component>
</div> </div>
</transition-group> <!-- </transition-group> -->
</div> </div>
</miao-message-provider> </miao-message-provider>
</div> </div>
@@ -344,7 +344,7 @@ $tag-width: 170px;
flex: 0; flex: 0;
min-width: 0px; min-width: 0px;
opacity: 0; opacity: 0;
transition-delay: opacity .25s; // transition-delay: opacity .25s;
// transition: opacity 5.25s ease; // transition: opacity 5.25s ease;
} }
@@ -404,23 +404,22 @@ $tag-width: 170px;
// .view-container { // .view-container {
// .page-move { // .page-move {
// transition: all 0.15s ease; // // transition: all 0.55s ease;
// } // }
// .page-enter-active { // .page-enter-active {}
// }
// .page-leave-active { // .page-leave-active {
// transition: none !important; // transition: none !important;
// } // }
// .page-enter-from { // .page-enter-from {
// opacity: 0; // // opacity: 0;
// } // }
// .page-leave-active { // .page-leave-active {
// position: absolute; // display: none;
// position: absolute;
// } // }
// } // }
} }
@@ -40,8 +40,6 @@ const useAplayerMiao = (ap: Reactive<apType>, options?: aplayerMiaoOption) => {
const app = createApp(aplayerListNew, { ap, ...(options ?? {}) }); const app = createApp(aplayerListNew, { ap, ...(options ?? {}) });
app.mount(new_list_dom); app.mount(new_list_dom);
// console.log({ap})
ap.on("destroy", () => { ap.on("destroy", () => {
app.unmount(); app.unmount();
}); });