61 lines
1.4 KiB
Vue
61 lines
1.4 KiB
Vue
<template lang="pug">
|
|
#app
|
|
router-view
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import {
|
|
toRefs,
|
|
Ref,
|
|
ref,
|
|
reactive,
|
|
createComponent,
|
|
provide,
|
|
onMounted,
|
|
watch,
|
|
PropOptions, SetupContext as SC
|
|
} from '@vue/composition-api';
|
|
//@ts-ignore
|
|
import { HelpingPopupBroadcastChannel } from '@core/hooks/BroadcastChannel.hooks';
|
|
import {UnwrapRef} from "@vue/composition-api/dist/reactivity";
|
|
//@ts-ignore
|
|
import { SetupContext } from "@core/types/ctx.d.ts";
|
|
|
|
export default createComponent({
|
|
setup(props: PropOptions, ctx: SC | SetupContext) {
|
|
// 向所有组件共享 广播，避免所有页面都导入文件
|
|
provide("Broadcast", HelpingPopupBroadcastChannel());
|
|
|
|
onMounted(() => {
|
|
console.log(HelpingPopupBroadcastChannel())
|
|
});
|
|
|
|
return {
|
|
}
|
|
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<style lang="less">
|
|
.slide-fade-enter-active {
|
|
transition: all .4s ease;
|
|
}
|
|
.slide-fade-leave-active {
|
|
transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
|
|
}
|
|
|
|
.slide-fade-enter, .slide-fade-leave-to
|
|
/* .slide-fade-leave-active for below version 2.1.8 */ {
|
|
transform: translateX(10px);
|
|
opacity: 0;
|
|
}
|
|
.fade-enter-active, .fade-leave-active {
|
|
transition: opacity .5s;
|
|
}
|
|
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
|
|
opacity: 0;
|
|
}
|
|
@import "~@assets/less/common/normalize";
|
|
</style>
|