展开基础信息折叠动画

src/pages/processCenter/pages/creatProcess/bzjd/step1.vue

@@ -18,9 +18,10 @@
           class="label-input-form"
           label-width="210px"
         >
-          <ProcessTitle style="float: left">
+          <ProcessTitle>
             <template slot="title">基础信息</template>
           </ProcessTitle>
+          <el-collapse-transition>
           <div class="prc-content-border" v-if="foldFormFlag === false">
             <el-row :gutter="24">
               <el-col :span="24">
@@ -84,8 +85,10 @@
               </el-col>
             </el-row>
           </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 === 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">
             <el-row :gutter="24">
               <el-col :span="24">
@@ -141,6 +144,7 @@
               </el-col>
             </el-row>
           </div>
+          </el-collapse-transition>
         </el-form>
       </div>
       <ProcessTitle>