| | |
| | | v-for="tag in visitedViews"
|
| | | ref="tag"
|
| | | :key="tag.path"
|
| | | :class="isActive(tag)?'active':''"
|
| | | :class="{ 'active': isActive(tag), 'has-icon': tagsIcon }"
|
| | | :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
|
| | | tag="span"
|
| | | class="tags-view-item"
|
| | |
| | | @click.middle.native="!isAffix(tag)?closeSelectedTag(tag):''"
|
| | | @contextmenu.prevent.native="openMenu(tag,$event)"
|
| | | >
|
| | | <svg-icon v-if="tagsIcon && tag.meta && tag.meta.icon && tag.meta.icon !== '#'" :icon-class="tag.meta.icon" />
|
| | | {{ tag.title }}
|
| | | <span v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
|
| | | </router-link>
|
| | |
| | | },
|
| | | theme() {
|
| | | return this.$store.state.settings.theme
|
| | | },
|
| | | tagsIcon() {
|
| | | return this.$store.state.settings.tagsIcon
|
| | | }
|
| | | },
|
| | | watch: {
|
| | |
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | .tags-view-item.active.has-icon::before {
|
| | | content: none !important;
|
| | | }
|
| | |
|
| | | .contextmenu {
|
| | | margin: 0;
|
| | | background: #fff;
|