展开基础信息折叠动画

This commit is contained in:
yanyizhou
2021-10-22 18:00:11 +08:00
parent 22f2bfbf35
commit 9a0e1a82a2
@@ -18,9 +18,10 @@
class="label-input-form" class="label-input-form"
label-width="210px" label-width="210px"
> >
<ProcessTitle style="float: left"> <ProcessTitle>
<template slot="title">基础信息</template> <template slot="title">基础信息</template>
</ProcessTitle> </ProcessTitle>
<el-collapse-transition>
<div class="prc-content-border" v-if="foldFormFlag === false"> <div class="prc-content-border" v-if="foldFormFlag === false">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="24"> <el-col :span="24">
@@ -84,8 +85,10 @@
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</el-collapse-transition>
<el-button v-if="foldFormFlag === false" style="width: 100%" icon="el-icon-caret-top" @click="foldForm">隐藏基础信息</el-button> <el-button v-if="foldFormFlag === false" style="width: 100%" icon="el-icon-caret-top" @click="foldForm">隐藏基础信息</el-button>
<el-button v-if="foldFormFlag === true" style="width: 100%" icon="el-icon-caret-bottom" @click="foldForm">展开基础信息</el-button> <el-button v-if="foldFormFlag === true" style="width: 100%" icon="el-icon-caret-bottom" @click="foldForm">展开基础信息</el-button>
<el-collapse-transition>
<div class="prc-content-border" v-if="foldFormFlag === true" style="display: none"> <div class="prc-content-border" v-if="foldFormFlag === true" style="display: none">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="24"> <el-col :span="24">
@@ -141,6 +144,7 @@
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</el-collapse-transition>
</el-form> </el-form>
</div> </div>
<ProcessTitle> <ProcessTitle>