+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index fda1e6e..a8728d4 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -4,6 +4,9 @@ import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'
+// Tailwind CSS
+import "tailwindcss/tailwind.css";
+
const app = createApp(App)
app.use(createPinia())
diff --git a/frontend/src/utils/http/index.ts b/frontend/src/utils/http/index.ts
new file mode 100644
index 0000000..de0324d
--- /dev/null
+++ b/frontend/src/utils/http/index.ts
@@ -0,0 +1,136 @@
+import Axios, {
+ type AxiosInstance,
+ type AxiosRequestConfig,
+ type CustomParamsSerializer,
+ type AxiosResponse
+} from 'axios'
+import type { HttpError, RequestMethods } from './types.d'
+import { stringify } from 'qs'
+
+// 相关配置请参考：www.axios-js.com/zh-cn/docs/#axios-request-config-1
+const defaultConfig: AxiosRequestConfig = {
+ // 请求超时时间
+ timeout: 10000,
+ headers: {
+ Accept: 'application/json, text/plain, */*',
+ 'Content-Type': 'application/json',
+ 'X-Requested-With': 'XMLHttpRequest'
+ },
+ // 数组格式参数序列化（https://github.com/axios/axios/issues/5142）
+ paramsSerializer: {
+ serialize: stringify as unknown as CustomParamsSerializer
+ }
+}
+
+class Http {
+ constructor() {
+ this.httpInterceptorsRequest()
+ this.httpInterceptorsResponse()
+ }
+
+ /** 初始化配置对象 */
+ private static initConfig: AxiosRequestConfig = {}
+
+ /** 保存当前`Axios`实例对象 */
+ private static axiosInstance: AxiosInstance = Axios.create(defaultConfig)
+
+ /** 请求拦截 */
+ private httpInterceptorsRequest(): void {
+ Http.axiosInstance.interceptors.request.use(
+ async (config: AxiosRequestConfig): Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ {{ item.name }}
+
+
+
+ Dashboard
+,
+ config?: AxiosRequestConfig
+ ): Promise ,
+ config?: AxiosRequestConfig
+ ): Promise ;
+ get ;
+}
diff --git a/frontend/src/views/friend/hook.tsx b/frontend/src/views/friend/hook.tsx
new file mode 100644
index 0000000..ed9ecf4
--- /dev/null
+++ b/frontend/src/views/friend/hook.tsx
@@ -0,0 +1,25 @@
+import { onMounted, ref } from 'vue'
+
+import { type ContactItem, getFriendList } from '@/api/contact'
+
+// 起飞
+export function useHook() {
+ const dataList = ref好友列表
-
+
diff --git a/frontend/src/views/index/index.vue b/frontend/src/views/index/index.vue
index aa5db8e..fe547e4 100644
--- a/frontend/src/views/index/index.vue
+++ b/frontend/src/views/index/index.vue
@@ -7,6 +7,6 @@ defineOptions({
+
+ 
+ 
+
+
+
+ {{ item.Nickname }}
+ 在通讯录
+ 不在通讯录
+
+
+
+
+
微信号{{ item.Wxid }}
+ {{ item.CustomAccount }}
+
+
+
+
+ {{ item.LastActive }}
+
+ 首页
+ 首页
+
{{ range .friends }}
+