index.vue 687 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template>
  2. <div class="welcome">
  3. <div class="btnR" @click.stop="$emit('close')">立即进入</div>
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. data(){
  9. return {
  10. loading:true
  11. }
  12. },
  13. methods:{
  14. },
  15. mounted(){
  16. }
  17. }
  18. </script>
  19. <style lang="less">
  20. .welcome{
  21. width: 100%;
  22. height: 100%;
  23. background: url('../../assets/img/indexBac.jpg');
  24. background-size: 100% 100%;
  25. .btnR{
  26. font-size: 20px;
  27. border-radius: 8px;
  28. cursor: pointer;
  29. background-color: #b9412e;
  30. position: absolute;
  31. left: 50%;
  32. bottom: 80px;
  33. transform: translateX(-50%);
  34. width: 188px;
  35. height: 44px;
  36. line-height: 44px;
  37. text-align: center;
  38. }
  39. }
  40. </style>