From 9057e04efad1b7d61c77a72e5c37a504d0aee935 Mon Sep 17 00:00:00 2001 From: doum <doum> Date: 星期五, 26 九月 2025 09:24:03 +0800 Subject: [PATCH] H5静态化 --- 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