28 lines
846 B
Vue
28 lines
846 B
Vue
|
<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 76.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>
|