attiya/ebike-plus-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 面包屑

Browse Source
This commit is contained in:
wf 2024-04-22 13:00:29 +08:00
parent e39f510360
commit aae11df261
2 changed files with 29 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/layout/components/Header/components/Breadcrumb/index.vue Normal file
View File

@ -0,0 +1,27 @@
<template>
<div>
<a-space direction="vertical">
<a-breadcrumb>
<a-breadcrumb-item>
<icon-home />
首页
</a-breadcrumb-item>
<a-breadcrumb-item>
<icon-at />
常用组件
</a-breadcrumb-item>
<a-breadcrumb-item>
<icon-at />
文件上传
</a-breadcrumb-item>
</a-breadcrumb>
</a-space>
</div>
</template>
<script setup lang="ts">
const route = useRoute();
console.log("路由信息", route.matched);
</script>
<style lang="scss" scoped></style>

18
src/layout/components/Header/index.vue
View File

@ -10,22 +10,7 @@
</a-button> </a-button>
</div> </div>
<div class="breadcrumb"> <div class="breadcrumb">
<a-space direction="vertical"> <Breadcrumb />
<a-breadcrumb>
<a-breadcrumb-item>
<icon-home />
首页
</a-breadcrumb-item>
<a-breadcrumb-item>
<icon-at />
常用组件
</a-breadcrumb-item>
<a-breadcrumb-item>
<icon-at />
文件上传
</a-breadcrumb-item>
</a-breadcrumb>
</a-space>
</div> </div>
</div> </div>
<div class="header_setting"> <div class="header_setting">
@ -114,6 +99,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import Notice from "@/layout/components/Header/components/Notice/index.vue"; import Notice from "@/layout/components/Header/components/Notice/index.vue";
import Breadcrumb from "@/layout/components/Header/components/Breadcrumb/index.vue";
import myImage from "@/assets/img/my-image.jpg"; import myImage from "@/assets/img/my-image.jpg";
import pinia from "@/store/index"; import pinia from "@/store/index";
import { Modal } from "@arco-design/web-vue"; import { Modal } from "@arco-design/web-vue";