| | |
| | | <Icon :icon="item.icon || 'mdi:form-select'" :size="20" /> |
| | | </div> |
| | | <div :class="`${prefixCls}-list__item-text`"> |
| | | {{ item.name }} |
| | | <!-- 搜索结果包含的字符着色 --> |
| | | <span |
| | | v-for="(each, i) in item.chars" |
| | | :key="i" |
| | | :class="{ highlight: each.highlight }" |
| | | > |
| | | {{ each.char }} |
| | | </span> |
| | | </div> |
| | | <div :class="`${prefixCls}-list__item-enter`"> |
| | | <Icon icon="ant-design:enter-outlined" :size="20" /> |
| | |
| | | import { SearchOutlined } from '@ant-design/icons-vue'; |
| | | import AppSearchFooter from './AppSearchFooter.vue'; |
| | | import Icon from '@/components/Icon/Icon.vue'; |
| | | // @ts-ignore |
| | | import vClickOutside from '/@/directives/clickOutside'; |
| | | import { useDesign } from '/@/hooks/web/useDesign'; |
| | | import vClickOutside from '@/directives/clickOutside'; |
| | | import { useDesign } from '@/hooks/web/useDesign'; |
| | | import { useRefs } from '@vben/hooks'; |
| | | import { useMenuSearch } from './useMenuSearch'; |
| | | import { useI18n } from '/@/hooks/web/useI18n'; |
| | | import { useAppInject } from '/@/hooks/web/useAppInject'; |
| | | import { useI18n } from '@/hooks/web/useI18n'; |
| | | import { useAppInject } from '@/hooks/web/useAppInject'; |
| | | |
| | | const props = defineProps({ |
| | | visible: { type: Boolean }, |
| | |
| | | |
| | | &-text { |
| | | flex: 1; |
| | | |
| | | // 搜索结果包含的字符着色 |
| | | & > span { |
| | | &.highlight { |
| | | color: lighten(@primary-color, 20%); |
| | | } |
| | | } |
| | | } |
| | | |
| | | &-enter { |