<template>
  <div class="mbhome">
     <div class="headerpic">

     </div>
     <div class="body">
       <div class="an">
        <van-button round type="primary" @click="gotopage('task')"><van-icon name="phone" />热线工单</van-button>
        <div v-if="false" class="tip">110</div>
       </div>
       <div class="an">
        <van-button round type="primary" @click="gotopage('detection')"><van-icon name="underway" />检测计划</van-button>
        <div  v-if="false" class="tip">110</div>
       </div>
       <div class="an">
        <van-button round type="primary" @click="gotopage('maintain')"><van-icon name="points" />养护计划</van-button>
        <div  v-if="false" class="tip">110</div>
       </div>
     </div>


  </div>
</template>
<script  setup>
import router from "../../../router"


const gotopage = (name) => {
  router.push(`/mb/${name}`)

}


</script>

<style lang="scss">
body{
   position:fixed;
   width:100%;
   top:-1px;
}
.mbhome{
  .headerpic{
    width: 100vw;
    height: 40vh;
    background: url('@/assets/images/bg.png');
    background-size: contain;
    // background-position-x: -74vw;
    // background-position-y: -11vw;
    background-repeat: no-repeat;
  }
  .body{
    .an{
      width:100%;
      text-align: center;
      margin-top: 40px;
      position: relative;
      .van-button{
        width:80%;
        .van-icon{
          margin-right: 10px;
        }
      }
      .tip{
        background: #E91437;
        color: #fff;
        min-width:20px;
        height: 20px;
        font-size: 10px;
        border-radius: 10px;
        line-height: 18px;
        border:1px solid #fff;
        position: absolute;
        top:-6px;
        padding-left: 5px;
        padding-right: 5px;
        right:10vw;
      }
    }
  }

}

</style>
