pogCocos/extensions/快闪-Tab标签王(prefab标签栏)/static/template/default/index.html

<div class="tabs">
    <div v-if="tabs.length == 0">No open item</div>
    <div v-for="item in tabs" :class="openUuid == item.uuid ? 'openTab': 'closeTab' " @mouseenter="enterTab(item)" @mouseleave="leaveTab(item)" @contextmenu="openMenu(item,$event)">
        <div v-if="item.extname == '.scene'" class="headIcon" style="fill: #f0ad4e;" @click="openBtn(item)">
            <svg class="headIcon2" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m13.13 9.462c-.067-.061-.168-.074-.242-.027l-.464.289-.397-3.18c0-.007 0-.02-.007-.027l-.471-1.788c-.027-.087-.108-.155-.202-.148-.094 0-.175.067-.195.161l-.141.672-4.061-4.35c-.067-.067-.168-.087-.249-.034-.081.047-.114.148-.087.242l.45 1.271-3.355 4.316-.013.02-.303-.78c-.034-.087-.128-.141-.222-.128-.094.02-.168.101-.168.195v1.681l.094 2.952c0 .047.02.094.054.135l2.837 3.01c.04.04.094.06.148.06h3.315c.054 0 .108-.02.148-.06l2.891-3.01c.013-.014.02-.027.034-.04l.645-1.183c.04-.087.027-.182-.04-.249m-2.683-1.372l-.686 3.261-2.165 1.324-2.071-1.015-1.069-2.79 2.844-5.876 3.147 5.096"></path></svg>
        </div>
        <div v-if="item.extname == '.prefab'" class="headIcon" style="fill: #6dd66d;" @click="openBtn(item)">
            <svg class="headIcon2" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m13.814 8.322l-2.61-1.212-.039-.014v-3.441c0-.069-.019-.132-.058-.187 0-.007-.006-.007-.006-.014v-.007l-.006-.007v-.007c-.019-.021-.039-.042-.064-.062-.019-.014-.058-.028-.083-.042l-2.803-1.309c-.045-.014-.083-.021-.128-.021-.051 0-.09.007-.128.021l-2.828 1.309c-.026.007-.051.021-.077.042-.09.069-.148.166-.148.291v3.441l-.032.014-2.61 1.212c-.026.014-.064.028-.083.069-.071.069-.109.159-.109.263v3.677c0 .138.077.27.199.325l2.841 1.316c.051.014.077.021.128.021h.038c.026 0 .064-.007.09-.021h.006l.013-.007 2.662-1.232.019-.007.019.007 2.687 1.239c.051.014.083.021.128.021h.026c.019 0 .058-.007.077-.014h.006l.013-.007 2.809-1.302c.032-.014.064-.035.09-.062.083-.062.141-.173.141-.291l.006-.256v-3.421c.006-.145-.058-.27-.186-.325m-8.626 1.149l-.019.007-.019-.007-1.821-.776-.128-.062.128-.062 1.815-.845.019-.007.019.007 1.828.845.128.062-.128.062-.346.138-1.475.637m2.495-.208v2.832l-.038.014-2.072.956-.077.028v-3.01l.038-.014.981-.415 1.084-.457.077-.028v.097h.006m.346-4.785l-.019.007-.019-.007-.09-.035-1.738-.748-.128-.062.128-.062 1.821-.838.019-.007.019.007 1.821.845.128.062-.128.062-1.738.741-.077.035m.308 3.649v-3.02l.038-.014 2.072-.879.071-.028v2.908l-.038.014-2.059.969-.083.048m2.54 1.336l-.019.007-.019-.007-.083-.028-1.745-.748-.128-.062.128-.062 1.834-.845.019-.007.019.007 1.815.845.128.062-.135.062-1.732.741-.083.035m.289 3.635v-3.01l.039-.014.981-.415 1.084-.457.077-.028v2.908l-2.11.983-.071.035"></path></svg>
        </div>
        <div class="tabTitle" @click="openBtn(item)">{{item.name}}</div>
        <div :style="`visibility: ${openUuid == item.uuid || uiCfg[item.uuid] ? 'visible' : 'hidden'}`"  :class="openUuid == item.uuid ? 'closeBtn1' : 'closeBtn' " @click="closeBtn(item)">X</div>
    </div>
</div>

<div class="tabMenu" v-if="menuShow"  @click="menuShow = false" @contextmenu="menuShow = false">
    <div class="tabMenuBg" :style="`top:${menuPos.y}px; ${menuPos.isLeft ? 'left':'right'}:${menuPos.x}px`">
        <div class="tabMenuItem" v-for="item in menuItems" @click="clickMenu(item)" @mouseenter="item.mouseenter = true" @mouseleave="item.mouseenter = false" :style="`background-color: ${item.mouseenter ? 'rgb(101 101 101)' : 'rgb(31 31 31)'}`">
            {{item.label}}
        </div>
    </div>
</div>