折叠动画

This commit is contained in:
yanyizhou
2021-11-22 18:20:17 +08:00
parent 559c891c5a
commit a017489a21
4 changed files with 8 additions and 0 deletions
@@ -20,6 +20,7 @@
<ProcessTitle> <ProcessTitle>
<template slot="title">基础信息</template> <template slot="title">基础信息</template>
</ProcessTitle> </ProcessTitle>
<el-collapse-transition>
<div class="prc-content-border" v-if="foldFormFlag"> <div class="prc-content-border" v-if="foldFormFlag">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="24"> <el-col :span="24">
@@ -100,6 +101,7 @@
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</el-collapse-transition>
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button> <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
</el-form> </el-form>
<ProcessTitle> <ProcessTitle>
@@ -20,6 +20,7 @@
<ProcessTitle> <ProcessTitle>
<template slot="title">基础信息</template> <template slot="title">基础信息</template>
</ProcessTitle> </ProcessTitle>
<el-collapse-transition>
<div class="prc-content-border" v-if="foldFormFlag"> <div class="prc-content-border" v-if="foldFormFlag">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="24"> <el-col :span="24">
@@ -100,6 +101,7 @@
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</el-collapse-transition>
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button> <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
</el-form> </el-form>
<ProcessTitle> <ProcessTitle>
@@ -18,6 +18,7 @@
<ProcessTitle> <ProcessTitle>
<template slot="title">基础信息</template> <template slot="title">基础信息</template>
</ProcessTitle> </ProcessTitle>
<el-collapse-transition>
<div class="prc-content-border" v-if="foldFormFlag"> <div class="prc-content-border" v-if="foldFormFlag">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="24"> <el-col :span="24">
@@ -88,6 +89,7 @@
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</el-collapse-transition>
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button> <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
</el-form> </el-form>
<ProcessTitle> <ProcessTitle>
@@ -18,6 +18,7 @@
<ProcessTitle> <ProcessTitle>
<template slot="title">基础信息</template> <template slot="title">基础信息</template>
</ProcessTitle> </ProcessTitle>
<el-collapse-transition>
<div class="prc-content-border" v-if="foldFormFlag"> <div class="prc-content-border" v-if="foldFormFlag">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="24"> <el-col :span="24">
@@ -88,6 +89,7 @@
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</el-collapse-transition>
<el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button> <el-button style="width: 100%" :icon="foldFormFlag ? 'el-icon-caret-top' : 'el-icon-caret-bottom'" @click="foldForm">{{ foldFormFlag ? '隐藏基础信息' : '展开基础信息' }}</el-button>
</el-form> </el-form>
<ProcessTitle> <ProcessTitle>