笔顺码搜索页居中

components/tools/qqazk/QqazkSearchBox.vue

@@ -1,7 +1,10 @@
 <script setup lang="ts">
 import {MessageBox} from "@element-plus/icons-vue";
 import {Action} from "element-plus";
-
+// import router from "#app/plugins/router";
+import {useRouter,useRoute} from "vue-router";
+const router = useRouter()
+const route = useRoute()
 const allEng = /^[a-zA-Z]+$/;
 const allChi = /^[\u4e00-\u9fa5]+$/
 interface SearchLable{
@@ -26,6 +29,8 @@ const testAndSearch = ()=>{
           }
       }
     )
+  }else {
+    router.push('search')
   }
 
 }

pages/tools/qqazk/index.vue

@@ -10,7 +10,7 @@ const api = await $fetch('/api/tools/qqazk/search')
 </script>
 
 <template>
-  <div style="display: flex;justify-content: center;flex-direction: column">
+  <div style="display: flex;justify-content: center;flex-direction: column;align-items: center">
     <el-text style="font-size: 50px;padding-bottom: 25px">笔顺码字典</el-text>
     <QqazkSearchBox></QqazkSearchBox>
   </div>