样式优化

黄何裕

2024-07-30 1995e710dcf70e635c4edaa8173f8b66cd67d499

 src/views/screen/index.vue

@@ -1,8 +1,9 @@
<template>
  <div class="screen-container">
    <screen-title></screen-title>
    <!-- <screen-title></screen-title> -->
    <v-scale-screen width="1920" height="1080" :autoScale="true" :delay="0" class="screen">
      <screen-wrapper></screen-wrapper>
      <!-- <screen-wrapper></screen-wrapper> -->
       <NewPage></NewPage>
    </v-scale-screen>
  </div>

@@ -11,13 +12,14 @@
<script>
import ScreenTitle from './components/screen-title/index.vue';
import ScreenWrapper from './components/screen-wrapper/index.vue';

import NewPage from './newPage/index.vue'

export default {
  name: 'App',
  components: {
    ScreenTitle,
    ScreenWrapper,
    NewPage,
  },
  data() {
    return {
@@ -35,10 +37,11 @@
  -webkit-user-select: none;
}
.screen {
  background: url('../../assets/images/screen/pageBg1.jpg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #033c76 !important;
  //background: url('../../assets/images/screen/pageBg1.jpg') !important;
  //background-size: cover !important;
  //background-repeat: no-repeat !important;
  //background-position: center center !important;
}

</style>