first commit
This commit is contained in:
60
芳林公司项目/stest/src/application/App.vue
Normal file
60
芳林公司项目/stest/src/application/App.vue
Normal file
@@ -0,0 +1,60 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user