| | |
| | | }, |
| | | computed: { |
| | | visitedViews() { |
| | | return this.$store.state.tagsView.visitedViews; |
| | | let visitedViews = this.$store.state.tagsView.visitedViews |
| | | if (visitedViews&&visitedViews[0]&&visitedViews[0].title !== '主页') { |
| | | visitedViews.unshift({ |
| | | title: '主页', |
| | | path: '/dashboard', |
| | | query: {}, |
| | | fullPath: '/dashboard', |
| | | meta:{ |
| | | affix: true |
| | | } |
| | | }) |
| | | } |
| | | return visitedViews; |
| | | }, |
| | | routes() { |
| | | return this.$store.state.permission.routes; |
| | |
| | | font-size: 14px; |
| | | margin-left: 10px; |
| | | border-radius: 3px; |
| | | |
| | | &:first-of-type { |
| | | margin-left: 20px; |
| | | } |
| | | |
| | | &:last-of-type { |
| | | margin-right: 20px; |
| | | } |
| | | |
| | | &.active { |
| | | background-color: #fff; |
| | | color: #333333; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .contextmenu { |
| | | margin: 0; |
| | | background: #fff; |
| | |
| | | font-weight: 400; |
| | | color: #333; |
| | | box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); |
| | | |
| | | li { |
| | | margin: 0; |
| | | padding: 7px 16px; |
| | | cursor: pointer; |
| | | |
| | | &:hover { |
| | | background: #eee; |
| | | } |
| | |
| | | text-align: center; |
| | | transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); |
| | | transform-origin: 100% 50%; |
| | | |
| | | &:before { |
| | | transform: scale(0.6); |
| | | display: inline-block; |
| | | } |
| | | |
| | | &:hover { |
| | | background-color: #b4bccc; |
| | | color: #fff; |