diff --git a/src/views/layout/Layout.vue b/src/views/layout/Layout.vue index 4c69a08d665d7a006468729a1517451bdf0be9d4..739cee1e937c112d19bcd0f3799317cdd6493464 100644 --- a/src/views/layout/Layout.vue +++ b/src/views/layout/Layout.vue @@ -3,14 +3,14 @@ <sidebar class="sidebar-container"></sidebar> <div class="main-container"> <navbar></navbar> - <tabs-view></tabs-view> + <tags-view></tags-view> <app-main></app-main> </div> </div> </template> <script> -import { Navbar, Sidebar, AppMain, TabsView } from 'views/layout/components' +import { Navbar, Sidebar, AppMain, TagsView } from 'views/layout/components' export default { name: 'layout', @@ -18,7 +18,7 @@ export default { Navbar, Sidebar, AppMain, - TabsView + TagsView }, computed: { sidebar() { diff --git a/src/views/layout/components/TabsView.vue b/src/views/layout/components/TagsView.vue similarity index 87% rename from src/views/layout/components/TabsView.vue rename to src/views/layout/components/TagsView.vue index 04acca3e4a2df83b466781b93b2b695a4b6e4797..cc6fe7f77a583b0da298e91c5b412115c7169946 100644 --- a/src/views/layout/components/TabsView.vue +++ b/src/views/layout/components/TagsView.vue @@ -1,8 +1,8 @@ <template> - <scroll-pane class='tabs-view-container'> - <router-link class="tabs-view-item" :class="isActive(tag)?'active':''" v-for="tag in Array.from(visitedViews)" :to="tag.path":key="tag.path"> + <scroll-pane class='tags-view-container'> + <router-link class="tags-view-item" :class="isActive(tag)?'active':''" v-for="tag in Array.from(visitedViews)" :to="tag.path":key="tag.path"> {{$t('route.'+tag.title)}} - <span class='el-icon-close' @click='closeViewTabs(tag,$event)'></span> + <span class='el-icon-close' @click='closeViewTags(tag,$event)'></span> </router-link> </scroll-pane> </template> @@ -18,10 +18,10 @@ export default { } }, mounted() { - this.addViewTabs() + this.addViewTags() }, methods: { - closeViewTabs(view, $event) { + closeViewTags(view, $event) { this.$store.dispatch('delVisitedViews', view).then((views) => { if (this.isActive(view.path)) { const latestView = views.slice(-1)[0] @@ -40,7 +40,7 @@ export default { } return false }, - addViewTabs() { + addViewTags() { const route = this.generateRoute() if (!route) { return false @@ -54,19 +54,19 @@ export default { }, watch: { $route() { - this.addViewTabs() + this.addViewTags() } } } </script> <style rel="stylesheet/scss" lang="scss" scoped> -.tabs-view-container { +.tags-view-container { background: #fff; height: 34px; border-bottom: 1px solid #d8dce5; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04); - .tabs-view-item { + .tags-view-item { display: inline-block; position: relative; height: 26px; @@ -105,8 +105,8 @@ export default { </style> <style rel="stylesheet/scss" lang="scss"> -.tabs-view-container { - .tabs-view-item { +.tags-view-container { + .tags-view-item { .el-icon-close { width: 16px; height: 16px; diff --git a/src/views/layout/components/index.js b/src/views/layout/components/index.js index 8b43da1f6a85578a75f2938f8045b220870c611d..07cc99477ef9322dd3b0a91fe433f05d5e6c31e6 100644 --- a/src/views/layout/components/index.js +++ b/src/views/layout/components/index.js @@ -1,4 +1,4 @@ export { default as Navbar } from './Navbar' export { default as Sidebar } from './Sidebar/index.vue' -export { default as TabsView } from './TabsView' +export { default as TagsView } from './TagsView' export { default as AppMain } from './AppMain'