Files
ruoyi-plus-soybean/src/layouts/common/GlobalSearch/index.vue
2021-12-29 16:50:08 +08:00

21 lines
538 B
Vue

<template>
<div>
<hover-container tooltip-content="搜索" class="w-40px h-full" @click="handleSearch">
<icon-uil:search class="text-20px text-[#666]" />
</hover-container>
<search-modal v-model:value="show" />
</div>
</template>
<script lang="ts" setup>
import { useBoolean } from '@/hooks';
import { HoverContainer } from '@/components';
import { SearchModal } from './components';
const { bool: show, toggle } = useBoolean();
function handleSearch() {
toggle();
}
</script>
<style lang="scss" scoped></style>