feat: pinia结合mock实现按分类和标题搜索工具，布局和样式调整

src/api/common.ts

@@ -0,0 +1,5 @@
+//请求响应的公共数据
+export interface ResponseData {
+  code: number,
+  message: string,
+}

src/api/ip/index.ts

@@ -9,7 +9,7 @@ import type {
 
 enum API {
   //获取ip
-  GET_IP = '/api/v1/ip/get?ip='
+  GET_IP = '/v1/ip/get?ip='
 }
 //获取ip
 export const getIp = (ip:string) => request.get<any, getIpResponseData>(API.GET_IP + ip)

src/api/ip/type.ts

@@ -1,5 +1,3 @@
-
-
 //响应格式
 export interface getIpResponseData {
   code: number,

src/api/tools/index.ts

@@ -0,0 +1,23 @@
+//统一管理咱们项目用户相关的接口
+import request from '@/utils/request'
+
+import type {
+  ToolsReqData,
+  ToolsResponseData,
+  ToolCateResponseData
+} from './type'
+
+//项目用户相关的请求地址
+
+enum API {
+  //获取tools
+  GET_TOOLS = '/tools',
+  //获取tool cate
+  GET_TOOL_CATES = '/tool/cates'
+}
+//获取tools
+export const getTools = (data: ToolsReqData) => request.get<any, ToolsResponseData>(API.GET_TOOLS, {
+  params: data
+})
+//获取tool cate
+export const getToolCate = () => request.get<any, ToolCateResponseData>(API.GET_TOOL_CATES)

src/api/tools/type.ts

@@ -0,0 +1,38 @@
+import { ResponseData } from "../common"
+
+export interface ToolsReqData {
+  cateId: number,
+  title: string
+}
+
+//tools
+export interface ToolsInfo {
+  id: number,
+  value: string,
+  img: string,
+  desc: string,
+  url: string,
+  cate: string
+}
+
+//tools cate
+export interface ToolCate {
+  id: number,
+  value: string,
+  img: string,
+  desc: string,
+  url: string,
+  cate: string
+}
+
+//tools list response
+export interface ToolsResponseData extends ResponseData {
+  data: ToolsInfo[]
+}
+
+//tools cate response
+export interface ToolCateResponseData extends ResponseData {
+  data: ToolCate[]
+}
+
+