You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
5.7 KiB
1 line
5.7 KiB
{"remainingRequest":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\src\\components\\common\\BreadCrumbs.vue?vue&type=style&index=0&id=b290fa88&lang=scss&scoped=true&","dependencies":[{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\src\\components\\common\\BreadCrumbs.vue","mtime":1649818276008},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":1720078528809},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1720078529623},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":1720078529188},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1720078528567},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1720078528573},{"path":"D:\\mywork\\buycode\\code1\\springboot301400\\306\\分离\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1720078529317}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5hcHAtYnJlYWRjcnVtYiB7DQogIGRpc3BsYXk6IGJsb2NrOw0KICBmb250LXNpemU6IDE0cHg7DQogIGxpbmUtaGVpZ2h0OiA1MHB4Ow0KDQogIC5ib3ggew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgd2lkdGg6IDEwMCU7DQogICAgaGVpZ2h0OiAxMDAlOw0KICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICB9DQoNCiAgLm5vLXJlZGlyZWN0IHsNCiAgICBjb2xvcjogIzk3YThiZTsNCiAgICBjdXJzb3I6IHRleHQ7DQogIH0NCn0NCg=="},{"version":3,"sources":["BreadCrumbs.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"BreadCrumbs.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n <el-breadcrumb class=\"app-breadcrumb\" separator=\"✌\" style=\"height:40px;backgroundColor:${template.back.breadcrumb.boxBackgroundColor};borderRadius:0px;padding:0px 0px 0px 450px;boxShadow:0px 0px 0px #f903d4;borderWidth:2px;borderStyle:none none dashed none ;borderColor:rgba(117, 113, 249, 1);\">\r\n <transition-group name=\"breadcrumb\" class=\"box\" :style=\"1==1?'justifyContent:flex-start;':1==2?'justifyContent:center;':'justifyContent:flex-end;'\">\r\n <el-breadcrumb-item v-for=\"(item,index) in levelList\" :key=\"item.path\">\r\n <span v-if=\"item.redirect==='noRedirect'||index==levelList.length-1\" class=\"no-redirect\">{{ item.name }}</span>\r\n <a v-else @click.prevent=\"handleLink(item)\">{{ item.name }}</a>\r\n </el-breadcrumb-item>\r\n </transition-group>\r\n </el-breadcrumb>\r\n</template>\r\n\r\n<script>\r\nimport pathToRegexp from 'path-to-regexp'\r\nimport { generateTitle } from '@/utils/i18n'\r\nexport default {\r\n data() {\r\n return {\r\n levelList: null\r\n }\r\n },\r\n watch: {\r\n $route() {\r\n this.getBreadcrumb()\r\n }\r\n },\r\n created() {\r\n this.getBreadcrumb()\r\n this.breadcrumbStyleChange()\r\n },\r\n methods: {\r\n generateTitle,\r\n getBreadcrumb() {\r\n // only show routes with meta.title\r\n let route = this.$route\r\n let matched = route.matched.filter(item => item.meta)\r\n const first = matched[0]\r\n matched = [{ path: '/index' }].concat(matched)\r\n\r\n this.levelList = matched.filter(item => item.meta)\r\n },\r\n isDashboard(route) {\r\n const name = route && route.name\r\n if (!name) {\r\n return false\r\n }\r\n return name.trim().toLocaleLowerCase() === 'Index'.toLocaleLowerCase()\r\n },\r\n pathCompile(path) {\r\n // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561\r\n const { params } = this.$route\r\n var toPath = pathToRegexp.compile(path)\r\n return toPath(params)\r\n },\r\n handleLink(item) {\r\n const { redirect, path } = item\r\n if (redirect) {\r\n this.$router.push(redirect)\r\n return\r\n }\r\n this.$router.push(path)\r\n },\r\n breadcrumbStyleChange(val) {\r\n this.$nextTick(()=>{\r\n document.querySelectorAll('.app-breadcrumb .el-breadcrumb__separator').forEach(el=>{\r\n el.innerText = \"✌\"\r\n el.style.color = \"#C0C4CC\"\r\n })\r\n document.querySelectorAll('.app-breadcrumb .el-breadcrumb__inner a').forEach(el=>{\r\n el.style.color = \"rgba(117, 113, 249, 1)\"\r\n })\r\n document.querySelectorAll('.app-breadcrumb .el-breadcrumb__inner .no-redirect').forEach(el=>{\r\n el.style.color = \"rgba(179, 179, 179, 1)\"\r\n })\r\n\r\n let str = \"vertical\"\r\n if(\"vertical\" === str) {\r\n let headHeight = \"40px\"\r\n headHeight = parseInt(headHeight) + 10 + 'px'\r\n document.querySelectorAll('.app-breadcrumb').forEach(el=>{\r\n el.style.marginTop = headHeight\r\n })\r\n }\r\n\r\n })\r\n },\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.app-breadcrumb {\r\n display: block;\r\n font-size: 14px;\r\n line-height: 50px;\r\n\r\n .box {\r\n display: flex;\r\n width: 100%;\r\n height: 100%;\r\n justify-content: flex-start;\r\n align-items: center;\r\n }\r\n\r\n .no-redirect {\r\n color: #97a8be;\r\n cursor: text;\r\n }\r\n}\r\n</style>\r\n"]}]} |