ruoyi-plus-soybean/src/layouts/modules/global-search/index.vue
2024-03-06 11:43:27 +08:00

22 lines
524 B
Vue

<script lang="ts" setup>
import { useBoolean } from '@sa/hooks';
import { $t } from '@/locales';
import SearchModal from './components/search-modal.vue';
defineOptions({ name: 'GlobalSearch' });
const { bool: show, toggle } = useBoolean();
function handleSearch() {
toggle();
}
</script>
<template>
<ButtonIcon :tooltip-content="$t('common.search')" @click="handleSearch">
<icon-uil-search class="text-20px" />
</ButtonIcon>
<SearchModal v-model:show="show" />
</template>
<style lang="scss" scoped></style>