<!-- 当前站点 -->
<template>
  <div class="current-site">
    <van-icon class="position-icon" name="location-o" />
    <span class="site-name">当前站点：{{ name || yhzStore.getYHZInfo?.mc }}</span>
  </div>
</template>
<script setup>
import { onMounted, ref } from 'vue'
import { useYHZStore } from '../stores/yhzStore';

const yhzStore = useYHZStore()

const props = defineProps({
  name: {
    type: String,
    default: ''
  }
})

</script>
<style scoped lang="scss">
.current-site {
  display: flex;
  align-items: center;
  height: 50px;
  background-color: transparent;
  padding: 0 5px;
  color: #979797;
}

.position-icon {
  margin-right: 5px;
  font-size: 16px;
}
.site-name {
  font-size: 13px;
}
</style>
