This commit is contained in:
小陌 2023-11-14 14:06:56 +08:00
parent d722ba7946
commit 01f0261d8e
2 changed files with 4 additions and 9 deletions

View File

@ -2,7 +2,7 @@
<div class="dis-f" style="flex-direction: column;height:100%;"> <div class="dis-f" style="flex-direction: column;height:100%;">
<el-container> <el-container>
<el-header> <el-header>
<div class="left-panel tab-list-box dis-f jus-x al-item"> <div class="left-panel tab-list-box dis-f al-item">
<div v-for="(item, i) in tabList" :key="i" class="tab-box" :class="{ 'click-tab': item.type === activeName }" @click="changeTab(item.type)"> <div v-for="(item, i) in tabList" :key="i" class="tab-box" :class="{ 'click-tab': item.type === activeName }" @click="changeTab(item.type)">
{{ item.title }} {{ item.title }}
</div> </div>
@ -69,11 +69,6 @@ export default {
.flex-1 { .flex-1 {
flex: 1; flex: 1;
} }
.jus-x {
justify-content: center;
}
.al-item { .al-item {
align-items: center; align-items: center;
} }
@ -100,12 +95,12 @@ export default {
.tab-box { .tab-box {
height: 100%; height: 100%;
width: 120px; width: 100px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
padding: 0 20px; padding: 0 10px;
transition: all linear 0.3s; transition: all linear 0.3s;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
} }

View File

@ -37,7 +37,7 @@
{{ info.description }} {{ info.description }}
<div v-if="info.exec" style="padding: 10px 0;"> <div v-if="info.exec" style="padding: 10px 0;">
<p>当前应用需要第三方组件支持请使用命令行先安装</p> <p>当前应用需要第三方组件支持请使用命令行先安装</p>
<pre style="background: #848484; padding: 15px; color: #fff; font-size: 13px; border-radius: 4px;">{{ info.exec }} <pre style="background: #848484; padding: 15px; color: #fff; font-size: 13px; border-radius: 4px;margin-top: 20px;">{{ info.exec }}
或手动安装组件后再来操作安装 或手动安装组件后再来操作安装