Browse Source

chore(AppSearchModal): 样式调整

main
刘凯 1 year ago
parent
commit
32f4b313fb
  1. 6
      src/components/Application/src/search/AppSearchModal.vue
  2. 2
      src/components/Application/src/search/useMenuSearch.ts

6
src/components/Application/src/search/AppSearchModal.vue

@ -163,7 +163,7 @@ function handleClose() {
width: 632px; width: 632px;
margin: 0 auto auto; margin: 0 auto auto;
background-color: var(--component-background); background-color: var(--component-background);
border-radius: 16px; border-radius: 8px;
box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%); box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
} }
@ -177,7 +177,7 @@ function handleClose() {
&-input { &-input {
width: 100%; width: 100%;
height: 48px; height: 48px;
font-size: 1.5em; font-size: 1.2em;
color: #1c1e21; color: #1c1e21;
border-radius: 6px; border-radius: 6px;
@ -233,6 +233,8 @@ function handleClose() {
} }
&--active { &--active {
color: @primary-color;
.@{prefix-cls}-list__item-enter { .@{prefix-cls}-list__item-enter {
opacity: 1; opacity: 1;
} }

2
src/components/Application/src/search/useMenuSearch.ts

@ -70,7 +70,7 @@ export function useMenuSearch(refs: Ref<HTMLElement[]>, scrollWrap: Ref<ElRef>,
ret.push({ ret.push({
name: parent?.name ? `${parent.name} > ${name}` : name, name: parent?.name ? `${parent.name} > ${name}` : name,
path, path,
icon, icon: icon || parent?.icon,
}) })
} }
if (!meta?.hideChildrenInMenu && Array.isArray(children) && children.length) if (!meta?.hideChildrenInMenu && Array.isArray(children) && children.length)

Loading…
Cancel
Save