| | |
| | | } |
| | | |
| | | .tag>.el-icon-s-unfold, |
| | | .el-icon-s-fold, |
| | | .tag>.el-icon-delete { |
| | | .el-icon-s-fold{ |
| | | font-size: 16px; |
| | | cursor: pointer; |
| | | margin: 0 8px; |
| | |
| | | .active_tab i { |
| | | display: inline; |
| | | color: #3A7BFA; |
| | | border-radius: 50%; |
| | | } |
| | | |
| | | .active_tab i:hover{ |
| | | background-color: rgba(0, 0, 0, 0.08); |
| | | } |
| | | |
| | | .component_view { |
| | |
| | | <i class="el-icon-close" @click="removeTab(ai)" v-if="tabActive!=0"></i> |
| | | </div> |
| | | </div> |
| | | <i class="el-icon-delete" @click="allDel" title="删除所有标签页"></i> |
| | | </div> |
| | | <div class="component_view"> |
| | | <component class="com_index" v-for="(com, index) in tabs" :is="com.u" :key="com.k" v-show="com.k == tabActive" |
| | |
| | | removeTab(index) { |
| | | this.tabs.splice(index, 1); |
| | | let data = this.tabs[this.tabs.length - 1] |
| | | this.activeP = data.k; |
| | | this.tabActive = data.k; |
| | | this.activeBox = data.k |
| | | this.saveClick() |
| | | this.upTabActive(data.k) |
| | | }, |
| | | allDel() { |
| | | this.activeBox = 0 |