feat: 优化
This commit is contained in:
1 parent
d6b19cc230
commit
83f5788dee
1 file changed
+4
-1
@@ -36,6 +36,8 @@ const handleHide = () => {
|
|||||||
cwStyle.value = {
|
cwStyle.value = {
|
||||||
maxHeight: 0,
|
maxHeight: 0,
|
||||||
opacity: 0,
|
opacity: 0,
|
||||||
|
transition: "all 0.2s ease-in-out, opacity 0.1s ease-out",
|
||||||
|
pointerEvents: 'none',
|
||||||
}
|
}
|
||||||
timer.push(setTimeout(() => {
|
timer.push(setTimeout(() => {
|
||||||
cwStyle.value = {
|
cwStyle.value = {
|
||||||
@@ -56,6 +58,7 @@ const handleShow = () => {
|
|||||||
cwStyle.value = {
|
cwStyle.value = {
|
||||||
maxHeight: `${originHeight}px`,
|
maxHeight: `${originHeight}px`,
|
||||||
opacity: 1,
|
opacity: 1,
|
||||||
|
transition: "all 0.2s ease-in-out, opacity 0.3s ease-in"
|
||||||
}
|
}
|
||||||
}))
|
}))
|
||||||
}
|
}
|
||||||
@@ -85,7 +88,7 @@ onMounted(() => {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: end;
|
justify-content: end;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: all 0.3s ease-in-out, opacity 0.2s ease-in-out;
|
// transition: all 0.3s ease-in-out, opacity 0.15s linear;
|
||||||
|
|
||||||
.miao-collapse {
|
.miao-collapse {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
Reference in new issue
Block a user