| | |
| | | <div class="avue-tags" v-if="setting.tag" @click="contextmenuFlag = false"> |
| | | <!-- tag盒子 --> |
| | | <div v-if="contextmenuFlag" class="avue-tags__contentmenu" |
| | | :style="{ left: contentmenuX + 'px', top: contentmenuY + 'px' }"> |
| | | :style="{ left: contentmenuX + 'px', top: contentmenuY + 'px' }"> |
| | | <div class="item" @click="closeOthersTags">{{ $t('tagsView.closeOthers') }}</div> |
| | | <div class="item" @click="closeAllTags">{{ $t('tagsView.closeAll') }}</div> |
| | | <div class="item" @click="clearCacheTags">{{ $t('tagsView.clearCache') }}</div> |
| | | </div> |
| | | <div class="avue-tags__box"> |
| | | <el-tabs v-model="active" type="card" @contextmenu="handleContextmenu" :closable="tagLen !== 1" |
| | | @tab-click="openTag" @edit="menuTag"> |
| | | @tab-click="openTag" @edit="menuTag"> |
| | | <el-tab-pane v-for="(item, index) in bsTagList" :key="index" :label="generateTitle(item)" :name="item.fullPath"> |
| | | <template #label> |
| | | <span> |
| | | {{ generateTitle(item) }} |
| | | <i class="el-icon-refresh" :class="{ turn: refresh }" @click="handleRefresh" |
| | | v-if="active === item.fullPath"></i> |
| | | v-if="active === item.fullPath"></i> |
| | | </span> |
| | | </template> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | <el-dropdown class="avue-tags__menu"> |
| | | <el-button type="primary"> |
| | | <el-button type="primary" style="background: #409eff;border-color: #409eff"> |
| | | {{ $t('tagsView.menu') }} |
| | | <i class="el-icon-arrow-down el-icon--right"></i> |
| | | </el-button> |