<template>
  <!-- 侧边导航栏 -->
  <div class="right_nav">
    <div class="service">
      <img src="./img/客服.png" />
      <p>专属客服</p>
    </div>
    <div class="wechat">
      <img class="wechat" src="./img/微信.png" />
      <p>微信咨询</p>
    </div>
    <div @click="go_top" class="to_top">
      <img src="./img/3.1回到顶部.png" />
      <p>回到顶部</p>
    </div>
  </div>
</template>
<script>
export default {
  name: "RightNav",
  methods: {
    go_top() {
      document.documentElement.scrollTop = 0;
    },
  },
};
</script>
<style scoped>
img {
  width: 100%;
  height: 100%;
}

.right_nav {
  width: 4.5rem;
  background-color: rgb(250, 249, 249);
  position: fixed;
  top: 24rem;
  right: 1rem;
  border-radius: 10px;
  cursor: pointer;
  z-index: 999;
}
.right_nav img {
  margin-top: 10px;
  height: 2rem;
  width: auto;
}
.right_nav {
  transition: 1s;
}
.right_nav div :hover {
  transform: scale(1.2);
}
</style>
