<template>
  <div class="back-top" v-show="isShow.value">
    <span></span>
  </div>
</template>
<script>
export default {
  props: ['isShow']
}
</script>
<style scoped>
.back-top:hover {
  cursor: pointer;
}
.back-top {
  width: 3.375rem;
  height: 3.375rem;
  background-color: #ffffff;
  box-shadow: 0rem 0.125rem 0.125rem 0rem rgba(237, 237, 237, 0.4);
  border-radius: 0.3125rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.back-top > span:nth-child(1) {
  display: inline-block;
  width: 1.375rem;
  height: 1.75rem;
  background-image: url(../../../static/relation/zhiding.png);
  background-repeat: no-repeat;
  -o-background-size: contain;
  background-size: contain;
}
.back-top > span:nth-child(2) {
  color: #333;
  padding-left: 0.5rem;
}
.back-top {
  position: fixed;
  right: 1.5rem;
  bottom: 12rem;
}
</style>
