Ben Lin
2024-06-18 ebbd788fbb2c0b45d4473798efc57eec8ba74a25
src/components/Application/src/search/AppSearchModal.vue
@@ -43,7 +43,14 @@
                <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" />
@@ -62,13 +69,12 @@
  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 },
@@ -255,6 +261,13 @@
        &-text {
          flex: 1;
          // 搜索结果包含的字符着色
          & > span {
            &.highlight {
              color: lighten(@primary-color, 20%);
            }
          }
        }
        &-enter {