From a95b1f6e57354b0798c0043f986a44f523723d32 Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期五, 04 七月 2025 11:19:59 +0800 Subject: [PATCH] ss --- admin/src/components/common/SearchFormCollapse.vue | 41 +++++++++++++++++++++++++++++++++++++++++ 1 files changed, 41 insertions(+), 0 deletions(-) diff --git a/admin/src/components/common/SearchFormCollapse.vue b/admin/src/components/common/SearchFormCollapse.vue new file mode 100644 index 0000000..0c1dcbf --- /dev/null +++ b/admin/src/components/common/SearchFormCollapse.vue @@ -0,0 +1,41 @@ +<template> + <div class="search-form-collapse" :class="{'collapse__hidden': !showMore}"> + <slot></slot> + <el-button v-if="!showMore" class="collapse__switch" @click="showMore = true">鏇村鏌ヨ...</el-button> + <el-button v-else class="collapse__switch" @click="showMore = false">鏀惰捣</el-button> + </div> +</template> + +<script> +export default { + name: 'SearchFormCollapse', + data () { + return { + showMore: false + } + } +} +</script> + +<style scoped lang="scss"> +.search-form-collapse { + position: relative; + padding-right: 75px; + height: auto; + .collapse__switch { + position: absolute; + top: 0; + right: 0; + } + &.collapse__hidden { + height: 50px; + overflow: hidden; + padding-right: 250px; + /deep/ section { + position: absolute; + top: 0; + right: 100px; + } + } +} +</style> -- Gitblit v1.9.3