| | |
| | | <template> |
| | | <div id="tags-view-container" class="tags-view-container"> |
| | | <scroll-pane ref="scrollPane" class="tags-view-wrapper" @scroll="handleScroll"> |
| | | <div class="hamburger-container" @click="toggleSidebar"> |
| | | <svg-icon icon-class="drag"/> |
| | | </div> |
| | | <router-link v-for="tag in visitedViews" :key="tag.path" |
| | | :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }" custom |
| | | v-slot="{ navigate, isActive, isExactActive }" ref="tag"> |
| | |
| | | this.addTags(); |
| | | }, |
| | | methods: { |
| | | toggleSidebar() { |
| | | store.app().toggleSidebar(); |
| | | }, |
| | | isCurrentRoute(route) { |
| | | return route.path === this.$route.path; |
| | | }, |
| | |
| | | background: #fff; |
| | | 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); |
| | | |
| | | .hamburger-container { |
| | | display: inline-block; |
| | | height: 32px; |
| | | line-height: 32px; |
| | | padding: 0 16px; |
| | | border-left: 1px solid var(--light-color); |
| | | border-right: 1px solid var(--light-color); |
| | | } |
| | | .tags-view-wrapper { |
| | | .tags-view-item { |
| | | user-select: none; |