<template>
  <div class="search-one">
    <div style="text-align: right;" class="search-input">
      <slot name="search-one"></slot>
    </div>
    
  </div>
  <div class="searchMore" v-show="searchMoreShow" :style="{ width: (mobile ? '88.7%' : '96%') }">
    <slot name="search-form"></slot>
  </div>
</template>


<script setup lang="ts">
import { ref,computed } from 'vue'
import { Operation } from '@element-plus/icons-vue'

// 从路由中引入store中的app仓库
import { useAppStore } from '@/store/modules/app'
const appStore = useAppStore()
const mobile = computed(() => appStore.getMobile)
const searchMoreShow = ref(false)
// 打开更多搜索条件
const showSearchMore = () => {
  searchMoreShow.value = !searchMoreShow.value
}
const hideSearchMore = () => {
  searchMoreShow.value = false
}

</script>
<style src="@/styles/SearchIndex.css"  lang="scss" scoped></style>
