|
|
@ -1,19 +1,18 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<el-row> |
|
|
|
<div class="tab-content"> |
|
|
|
<span class="right-top-line" /> |
|
|
|
<span class="left-bottom-line" /> |
|
|
|
<ul class="tab-nav"> |
|
|
|
<li :class="{ 'active-tab-nav': activeIndex == 0 }" @click="changeActiveTab(0)">绑定标签列表<i /></li> |
|
|
|
<li :class="{ 'active-tab-nav': activeIndex == 1 }" @click="changeActiveTab(1)">标签使用记录<i /></li> |
|
|
|
<!-- 最右侧装饰img --> |
|
|
|
<span class="tab-right-img" /> |
|
|
|
</ul> |
|
|
|
<!-- <component :is="comName" :record-form-visible="recordFormVisible" /> --> |
|
|
|
<component :is="comName" /> |
|
|
|
</div> |
|
|
|
</el-row> |
|
|
|
<!-- <el-row> --> |
|
|
|
<div class="tab-content"> |
|
|
|
<span class="right-top-line" /> |
|
|
|
<span class="left-bottom-line" /> |
|
|
|
<ul class="tab-nav"> |
|
|
|
<li :class="{ 'active-tab-nav': activeIndex == 0 }" @click="changeActiveTab(0)">绑定标签列表<i /></li> |
|
|
|
<li :class="{ 'active-tab-nav': activeIndex == 1 }" @click="changeActiveTab(1)">标签使用记录<i /></li> |
|
|
|
<!-- 最右侧装饰img --> |
|
|
|
<span class="tab-right-img" /> |
|
|
|
</ul> |
|
|
|
<component :is="comName" /> |
|
|
|
</div> |
|
|
|
<!-- </el-row> --> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
@ -51,4 +50,9 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.tab-content{ |
|
|
|
position: relative; |
|
|
|
margin-top: 61px; |
|
|
|
border: 1px solid #113d72; |
|
|
|
} |
|
|
|
</style> |