From c2f95b0b9090a2394b5b068582b932a5e57b86aa Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期二, 05 九月 2023 18:19:37 +0800
Subject: [PATCH] 雷达图 新增综合风险排名 数据接入配置
---
src/sfc/BreadCrumb.vue | 42 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 42 insertions(+), 0 deletions(-)
diff --git a/src/sfc/BreadCrumb.vue b/src/sfc/BreadCrumb.vue
new file mode 100644
index 0000000..cfa6250
--- /dev/null
+++ b/src/sfc/BreadCrumb.vue
@@ -0,0 +1,42 @@
+<!-- 闈㈠寘灞� -->
+<script>
+import { ArrowRight } from '@element-plus/icons-vue'
+export default {
+ data(){
+ return{
+ list:[]
+ }
+ },
+ setup(){
+ return {ArrowRight}
+ },
+ watch:{
+ $route(to,from){
+ this.list = to.matched
+ }
+ },
+ mounted (){
+ this.list = this.$route.matched
+ },
+ methods:{
+ }
+}
+</script>
+
+<template>
+ <el-breadcrumb :separator-icon="ArrowRight">
+ <el-breadcrumb-item v-for="item in list" :key="item.path" :to="{ path: '/' }">
+ <router-link :to="item.path">{{ item.meta.title }}</router-link>
+ </el-breadcrumb-item>
+ </el-breadcrumb>
+</template>
+<style scoped>
+.el-breadcrumb__inner a {
+ font-weight: 500;
+ color: rgba(0, 0, 0);
+}
+
+.el-breadcrumb__item:last-child .el-breadcrumb__inner a {
+ color: rgb(209, 207, 207);
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3