recommend_main/src/pages/index.vue

<!-- 活动首页-->
<template>
  <div class="index">
      <img src="./../assets/img/header.png" class="header" alt="">
      <div class="btn-group">
          <button class="btn">分享</button>
          <button class="btn btn-primary">活动详情</button>
      </div> 
  </div>
</template>

<script>
export default {
  name: 'index',
}
</script>


<style scoped>
   .index{
      background-color: #FFC93A;
      height:100vh;
   }

   .btn-group{
       padding-top: .34rem;
       text-align: center;
   }
   .btn-primary{
       background-color: #FF3418;
       color: #FFFFFF;
   }

</style>