| | |
| | | <template> |
| | | <div class="head flex justify-between items-center pl-5 pr-5"> |
| | | <div class="more_input pl-20 pr-5 flex items-center justify-start mr-5 pt-2" @click="onRoute('/optional/search')"> |
| | | <!-- <div class="more_input pl-20 pr-5 flex items-center justify-start mr-5 pt-2" @click="onRoute('/optional/search')"> --> |
| | | <div class="more_input pl-20 pr-5 flex items-center justify-start mr-5 pt-2"> |
| | | <img src="@/assets/imgs/quotes/search.png" alt=""> |
| | | <span class="pl-5">{{ $t('请输入关键词搜寻') }}</span> |
| | | <!-- <span class="pl-5">{{ $t('请输入关键词搜寻') }}</span> --> |
| | | <van-field v-model="iValue" :placeholder="$t('请输入关键词搜寻')" style="background-color: #F7F7F7;" |
| | | @input="emit('search', iValue)" /> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | <script setup> |
| | | import { useRouter } from 'vue-router'; |
| | | import { useI18n } from "vue-i18n"; |
| | | import { ref } from 'vue'; |
| | | |
| | | const { t } = useI18n() |
| | | const router = useRouter() |
| | |
| | | const onRoute = (path) => { |
| | | router.push(path) |
| | | } |
| | | |
| | | const iValue = ref('') |
| | | const emit = defineEmits(['search']) |
| | | </script> |
| | | |
| | | |
| | |
| | | |
| | | img { |
| | | width: 2.5rem; |
| | | margin-right: .5rem; |
| | | } |
| | | } |
| | | } |