src/popup/framework/components/login/welcome.vue

   1 <style scoped>
   2 .welcome-top {
   3   height: 534px;
   4   text-align: center;
   5   font-size: 15px;
   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: 70px;
  14 }
  15 .welcome-bottom {
  16   padding: 20px 85px;
  17 }
  18 </style>
  19
  20 <template>
  21     <div>
  22         <section class="welcome-top">
  23             <p>欢迎使用BYTOM精简Chrome钱包</p>
  24         </section>
  25         <section class="welcome-bottom bg-green">
  26             <div class="btn btn-primary" @click="start">开始使用</div>
  27         </section>
  28     </div>
  29 </template>
  30
  31 <script>
  32 export default {
  33   name: "",
  34   data() {
  35     return {};
  36   },
  37   methods: {
  38       start: function(){
  39           this.$emit("next")
  40       }
  41   }
  42 };
  43 </script>