1
This commit is contained in:
parent
d722ba7946
commit
01f0261d8e
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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 }}
|
||||||
|
|
||||||
|
|
||||||
或手动安装组件后再来操作安装
|
或手动安装组件后再来操作安装
|
||||||
|
Loading…
Reference in New Issue
Block a user