update api

Author: NeserCode

src/App.vue

@@ -6,12 +6,12 @@ import Dialog from "./components/Dialog.vue"
 import { useApi } from "./composables/useApi"
 
 const isOpen = ref(true)
-const { getSpiritList } = useApi()
+const { getSpirit } = useApi()
 
 onMounted(async () => {
-	const list = await getSpiritList()
+	const data = await getSpirit({ hash: "79bdd5fd" })
 
-	console.log(list)
+	console.log(data)
 })
 </script>
 
@@ -25,6 +25,9 @@ onMounted(async () => {
 <style scoped lang="postcss">
 #app-main {
 	@apply w-[500px] h-[600px]
-	border border-slate-500;
+	border border-slate-500
+	bg-slate-50 dark:bg-slate-800
+	text-slate-700 dark:text-slate-100
+	transition-all duration-200 ease-in-out;
 }
 </style>

src/composables/useApi.ts

@@ -21,6 +21,7 @@ const headers = {
 	// "user-agent":
 	// 	"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36 Edg/115.0.1901.188",
 }
+const staticURL = "https://res.17roco.qq.com/res/combat/icons/"
 const rocoApi = axios.create({
 	baseURL,
 	headers,
@@ -34,7 +35,20 @@ interface SpiritListParma {
 	page: number
 }
 
+interface ItemListParma {
+	search: string
+	id: string
+	page: number
+}
+
 export const useApi = () => {
+	// Angel Feature Map
+	async function getFeatures() {
+		const response = await rocoApi.get("/feature/")
+		return response.data
+	}
+
+	// Angel List
 	async function getSpiritList(
 		params: SpiritListParma = {
 			search: "",
@@ -46,7 +60,47 @@ export const useApi = () => {
 		const response = await rocoApi.post("/spiritList/", params)
 		return response.data.data
 	}
+
+	// Angel Detail
+	async function getSpirit(params: { hash: string }) {
+		const response = await rocoApi.post("/detail/angel/", params)
+		return response.data.data
+	}
+
+	// Item List
+	async function getItemList(
+		params: ItemListParma = {
+			search: "",
+			id: "",
+			page: 1,
+		}
+	) {
+		const response = await rocoApi.post("/Itemlist/", params)
+		return response.data.data
+	}
+
+	// Angel Skill List
+	async function getSkillList(
+		params: SpiritListParma = {
+			search: "",
+			id: "",
+			feature: "",
+			page: 1,
+		}
+	) {
+		const response = await rocoApi.post("/Skilllist/", params)
+		return response.data.data
+	}
+
 	return {
+		getFeatures,
 		getSpiritList,
+		getSpirit,
+		getItemList,
+		getSkillList,
+		baseURL,
+		headers,
+		timeout,
+		staticURL,
 	}
 }