<template>
  <div class="header-menu-item">
    <img :src="connIcon">
    <p>连接</p>
  </div>
</template>

<script>
import connIcon from '@/assets/images/conn.png'

export default {
  name: "HeaderMenu",
  data() {
    return {
      connIcon: connIcon
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss">
.header-menu-item {
  color: white;
  width: 100%;
  height: 60px;
  line-height: 0px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.header-menu-item img {
  width: 25px;
  object-fit: cover;
  margin-top: 10px;
}

.header-menu-item p {
  margin-top: 10px;
  font-size: 15px;
}
</style>