<template>
  <div class="rt-float-icon" @click="onClick">
    <rt-icon :name="name" size="67" />
  </div>
</template>

<script>
export default {
  name: 'rtFloatIcon',
  props: {
    name: {
      type: String
    }
  },
  methods: {
    onClick() {
      this.$emit('click');
    }
  }
};
</script>

<style lang="less">
.rt-float-icon {
  position: absolute;
  right: 5%;
  bottom: 10%;
}
</style>
