<template>
  <div class="iconbox" @click="daichuli" title="登录">
    <div><span class="yuan"></span><span class="box"></span></div>
    <div><span class="yuan"></span><span class="box"></span></div>
    <div><span class="yuan"></span><span class="box"></span></div>
  </div>
</template>

<script>
export default {
  name: "iconBox",
  components: {},
  data() {
    return {};
  },
  methods: {
    daichuli() {
      this.$router.push({ path: this.configration.path.login, query: {} });
    },
  },
};
</script>

<style scoped lang='less'>
.iconbox {
  /* width: 80px; */
  position: absolute;
  left: 3px;
  top: 70px;
  background-color: transparent;
  z-index: 1;
  border-radius: 4px;
}
.iconbox div {
  height: 10px;
}
.yuan {
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: white;
  border-radius: 50%;
  margin-left: 10px;
}
.box {
  height: 5px;
  width: 30px;
  display: inline-block;
  background-color: white;
  margin-left: 3px;
}
</style>
