|
|
@@ -5,7 +5,7 @@
|
|
|
<a href="/"> <img src="@/assets/img/logo_4dge_cn.png" alt="logo" /></a>
|
|
|
</div>
|
|
|
<div class="menu">
|
|
|
- <n-dropdown :options="options" @select="handleSelect" >
|
|
|
+ <n-dropdown :options="options" @select="handleSelect">
|
|
|
<n-button type="primary" ghost>{{ locale === 'zh' ? $t('zh') : $t('en') }}</n-button>
|
|
|
</n-dropdown>
|
|
|
</div>
|
|
|
@@ -14,9 +14,9 @@
|
|
|
<div class="search-box w-full flex justify-center items-center flex-col">
|
|
|
<n-h1 class="font-size-[48px] font-500">{{ $t('helperTip') }}</n-h1>
|
|
|
|
|
|
- <n-auto-complete v-model:value="keySearch" :options="searchOptions" class="max-w-[640px]" size="large" round
|
|
|
- :placeholder="$t('enter_key')" blur-after-select @select="(index: number) => handleAutoSelect(index, searchOptions)"
|
|
|
- @keydown.enter="handleSearch">
|
|
|
+ <n-auto-complete v-model:value="keySearch" :options="searchOptions" class="search-box max-w-[640px]" size="large"
|
|
|
+ round :placeholder="$t('enter_key')" blur-after-select
|
|
|
+ @select="(index: number) => handleAutoSelect(index, searchOptions)" @keydown.enter="handleSearch">
|
|
|
<template #prefix>
|
|
|
<n-icon :component="SearchOutline" />
|
|
|
</template>
|
|
|
@@ -97,4 +97,8 @@ const handleSearch = () => {
|
|
|
background-size: cover;
|
|
|
background-position: top center;
|
|
|
}
|
|
|
+
|
|
|
+.search-box .n-input {
|
|
|
+ --n-border-radius: 10px !important;
|
|
|
+}
|
|
|
</style>
|
gemercheung