<script setup lang="ts">
import { useRouter } from 'vue-router'

const router = useRouter();
import {ref} from 'vue';
const toSearch = ()=>{
  router.push({
    path:'/search',
    query:{
      searchModule:'2',
      value:smallInput.value
    }
  })
}
const smallInput = ref<string>('');
</script>

<template>
  <div class="bg-white">
    <div class="w-117px border-solid border-#003aac border-b-3px h-32px">
      <img src="/src/assets/img/小图标1.png" />
      <span class="text-#003aac text-16px font-bold ">文章搜索</span>
    </div>
    <div class="relative mb-15px">
      <input class="w-266px h-31px bg-#f3f3f3 m-14px mt-30px mb-30px" placeholder="请输入站内文章关键字" v-model="smallInput" />
      <button class="absolute right-13px top-30px h-31px" @click="toSearch">
        <svg t="1718242035057" class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="19" height="19">
          <path
            d="M469.333333 85.333333a384 384 0 0 1 300.032 623.658667l139.306667 139.349333a42.666667 42.666667 0 1 1-60.330667 60.330667l-139.349333-139.306667A384 384 0 1 1 469.333333 85.333333z m0 85.333334a298.666667 298.666667 0 1 0 0 597.333333 298.666667 298.666667 0 0 0 0-597.333333z"
            fill="#000000" p-id="1555"></path>
        </svg>
      </button>
    </div>
  </div>
</template>

<style scoped>

</style>