src/views/welcome/welcome.vue

   1 <style>
   2 .welcome-top {
   3     height: 505px;
   4     text-align: center;
   5     font-size: 18px;
   6     background: url("../../assets/welcome.jpeg") no-repeat;
   7     background-size: 100%;
   8 }
   9 .welcome-top p {
  10     position: absolute;
  11     left: 0;
  12     right: 0;
  13     bottom: 100px;
  14 }
  15 .welcome-bottom {
  16     height: 95px;
  17 }
  18 .btn-startup {
  19     width: 200px;
  20     position: absolute;
  21     bottom: 15px;
  22     left: 50%;
  23     right: 50%;
  24     transform: translate(-50%, -50%);
  25 }
  26 </style>
  27
  28 <template>
  29     <div>
  30         <section class="welcome-top">
  31             <!-- <p>{{ $t('welcome.title') }}</p> -->
  32         </section>
  33         <section class="welcome-bottom bg-green">
  34             <div class="btn btn-primary btn-startup" @click="$router.push({ name: 'welcome-protocol' })">{{ $t('welcome.use') }}</div>
  35         </section>
  36     </div>
  37 </template>
  38
  39 <script>
  40 export default {
  41     name: "",
  42     data() {
  43         return {};
  44     },
  45     methods: {
  46     }
  47 };
  48 </script>