<template>
  <header class="bg-header-background text-white fixed top-0 left-0 w-full z-50">
    <!-- 容器 -->
    <div class="max-w-screen-xl mx-auto">
      <!-- 导航条 -->
      <div class="navbar">
        <!-- Logo -->
        <div class="flex-none mr-[100px]">
          <img class="w-[76px]" src="../assets/image 111.png" alt="">
        </div>
        <!-- 导航菜单 -->
        <div class="flex-1 flex  flex-center space-x-10">
          <a class="btn btn-ghost text-base btn-active" href="#">关于三优</a>
          <a class="btn btn-ghost text-base" href="#">三优云试剂管家</a>
          <a class="btn btn-ghost text-base" href="#">联系我们</a>
        </div>
      </div>
    </div>
  </header>
</template>

<script setup>
</script>

<style scoped>
/* 你可以在这里添加一些自定义的样式 */
</style>
