diff --git a/src/components/changeTheme/index.vue b/src/components/changeTheme/index.vue
index db4804a..6dd0387 100644
--- a/src/components/changeTheme/index.vue
+++ b/src/components/changeTheme/index.vue
@@ -1,8 +1,8 @@
 <template>
 	<div class="theme-transform">
 		<img src="@/assets/images/hzImg/themeIcon.png" alt="" />
-		<img src="@/assets/images/hzImg/blueTheme.png" alt="" @click="changePrimary('#5289D9')" />
-		<img src="@/assets/images/hzImg/greenTheme.png" alt="" @click="changePrimary('#02A47D')" />
+		<img src="@/assets/images/hzImg/blueTheme.png" alt="" @click="changePrimaryVal('#5289D9')" />
+		<img src="@/assets/images/hzImg/greenTheme.png" alt="" @click="changePrimaryVal('#02A47D')" />
 	</div>
 </template>
 
@@ -10,6 +10,12 @@
 import { ref, reactive, nextTick, computed } from "vue";
 import { useTheme } from "@/hooks/useTheme";
 const { changePrimary } = useTheme();
+const changePrimaryVal = (val: string) => {
+	const body = document.body as HTMLElement;
+	// body.setAttribute("style", "filter: hue-rotate(90deg);");
+	// body.setAttribute("style", "filter: invert(80%)");
+	changePrimary(val);
+};
 </script>
 <style scoped lang="scss">
 .theme-transform {
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index f9c6bae..9332721 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -94,6 +94,9 @@ onMounted(async () => {
 	data.value = res1.result || {};
 	const res = await getModuleList();
 	labelName.value = res.result;
+	// setTimeout(() => {
+	// 	window.scrollTo(0, 150);
+	// }, 100);
 });
 </script>