BAIWebCS/WebVue/TaiHufenglang/src/components/header.vue

<script setup>
import Weather from "./weather.vue";
</script>

<template>

    <!-- 导航栏 -->
    <div class="main-nav">
      <h1 class="system-title">大屏监测系统</h1>
      <div class="nav-buttons-l">
        <div class="nav-btn-left">总览</div>
        <div class="nav-btn-left">数据查询</div>
      </div>
      <div class="nav-buttons-r">
        <div class="nav-btn-right">智慧运维</div>
        <div class="nav-btn-right">个人中心</div>
      </div>
      <div style="position: absolute; left: 400px;"><weather /></div>
    </div>

</template>

<style scoped></style>