30 lines
779 B
Vue
30 lines
779 B
Vue
|
|
<template>
|
|||
|
|
<div>
|
|||
|
|
顶部导航栏指南:
|
|||
|
|
<br />
|
|||
|
|
<br />
|
|||
|
|
导航栏组成:
|
|||
|
|
<br />
|
|||
|
|
<br />
|
|||
|
|
<div>
|
|||
|
|
<span class="text-amber-500 font-black">左侧:</span>
|
|||
|
|
展示了SN号以及帮助按钮
|
|||
|
|
<img src="../../assets/img/header/headerGuide.png" alt="" />
|
|||
|
|
</div>
|
|||
|
|
<br />
|
|||
|
|
<br />
|
|||
|
|
<div>
|
|||
|
|
<span class="text-emerald-500 font-black">右侧:</span>
|
|||
|
|
内容为账户名的下拉框,鼠标移动到下拉框时,会显示一些功能
|
|||
|
|
<img src="../../assets/img/header/headerSelect.png" alt="" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup>
|
|||
|
|
import headerGuide from "../../assets/img/header/headerGuide.png";
|
|||
|
|
import headerSelect from "../../assets/img/header/headerSelect.png";
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped></style>
|