调整展开动画
This commit is contained in:
@@ -21,8 +21,8 @@ export default {
|
||||
<div class="copilot" v-if="show">
|
||||
<div class="flex header">
|
||||
<b class="fill" v-text="title"/>
|
||||
<div class="expandBtn" v-text="expandBtn" @click="expand=!expand"/>
|
||||
<div class="minimal" v-text="'最小化'" @click="show=false"/>
|
||||
<div class="expandBtn pointer" v-text="expandBtn" @click="expand=!expand"/>
|
||||
<div class="minimal pointer" v-text="'最小化'" @click="show=false"/>
|
||||
</div>
|
||||
<div class="flex content">
|
||||
<div class="left" :class="{expand}"></div>
|
||||
@@ -60,6 +60,7 @@ export default {
|
||||
|
||||
& > b {
|
||||
font-size: 16px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.expandBtn, .minimal {
|
||||
@@ -81,19 +82,25 @@ export default {
|
||||
}
|
||||
|
||||
.content {
|
||||
height: max-content;
|
||||
height: calc(100% - 48px);
|
||||
|
||||
.left {
|
||||
width: 0;
|
||||
height: 100%;
|
||||
transition: width 1s;
|
||||
|
||||
&.expand {
|
||||
width: 332px;
|
||||
width: 260px;
|
||||
|
||||
& + .right {
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 348px;
|
||||
width: 420px;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user