<template>
  <view class="a_h_home">
    <view class="a_h_body" v-if="show">
      <image @click="open()" class="a_h_bg" src="../static/images/f7.png"></image>
      <image @click="close()" class="a_h_close" src="../static/images/guanbi.png"></image>
    </view>
  </view>
</template>

<script>
  export default {
    data(){
      return {
        show: true
      }
    },
    methods:{
      open(){
        this.show
      },
      close(){
        this.show = false;
      }
    }
  }
</script>

<style lang="scss">
.a_h_home{
  position: fixed;
  bottom: 150rpx;
  right: 30rpx;
  z-index: 9999999;
  width: 150rpx;
  height: 150rpx;
  .a_h_bg{
    height: 100%;
    width: 100%;
  }
  .a_h_body{
    width: 100%;
    height: 100%;
    // background-color: #eee;
    position: relative;
    .a_h_close{
      position: absolute;
      right: 5rpx;
      top: 5rpx;
      width: 30rpx;
      height: 30rpx;
    }
  }
}
</style>