<template>
|
<div class="screen-container">
|
<screen-title></screen-title>
|
<v-scale-screen width="1920" height="1080" :autoScale="true" :delay="0" class="screen">
|
<screen-wrapper></screen-wrapper>
|
</v-scale-screen>
|
</div>
|
|
</template>
|
|
<script>
|
import ScreenTitle from './components/screen-title/index.vue';
|
import ScreenWrapper from './components/screen-wrapper/index.vue';
|
|
export default {
|
name: 'App',
|
components: {
|
ScreenTitle,
|
ScreenWrapper,
|
},
|
data() {
|
return {
|
}
|
},
|
mounted() {
|
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.screen {
|
background: url('../../assets/images/screen/pageBg1.jpg') !important;
|
background-size: cover !important;
|
background-repeat: no-repeat !important;
|
background-position: center center !important;
|
}
|
</style>
|
