fix
This commit is contained in:
1 parent
e8dd9ccf11
commit
bfc841fac2
2 files changed
+7
-10
No files matched your search
+7
-8
@@ -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,22 +404,21 @@ $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 {
|
||||||
|
// display: none;
|
||||||
// position: absolute;
|
// 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();
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in new issue
Block a user