diff --git a/src/index.css b/src/index.scss
similarity index 100%
rename from src/index.css
rename to src/index.scss
diff --git a/src/index.tsx b/src/index.tsx
index c1081ebf91a6454dcc12492a330435359d61eda8..5f7d66d75ea2dff33aae53fa9cf868350cc30837 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
 import { Provider } from 'mobx-react'
-import './index.css'
+import './index.scss'
 import App from './App'
 import * as store from './store'
 import * as serviceWorker from './serviceWorker'
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 2ef11e584c711657987b1ff9f7d4bab6ef5c8a0a..3b8dbd5c3b0899ac2934671081b037104a7a4def 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -9,7 +9,7 @@ interface StateProps {
 }
 class UserStore implements UserStoreStates {
 	@observable state = <StateProps>{
-		name: 'userStrore'
+		name: 'userStore'
 	}
 
 	@action
diff --git a/src/views/home/HomePage.tsx b/src/views/home/HomePage.tsx
index e2fa891064d435e0d1c6df821b9a622c17141d6f..f9548717039ebbee8359f3b1a0562e4f332d08ec 100644
--- a/src/views/home/HomePage.tsx
+++ b/src/views/home/HomePage.tsx
@@ -2,12 +2,16 @@ import React from 'react'
 import { inject, observer } from 'mobx-react'
 import { useOnEnter } from '@/hooks/index'
 
-const HomePage: React.FC = () => {
+const HomePage: React.FC = (props: any) => {
+	const { userStore: store } = props
 	useOnEnter(() => {
-		console.log('dad')
+		console.log('enter')
 	})
 	return (
-		<div className="homepage-container">主页</div>
+		<div className="homepage-container">
+			<h1>首页</h1>
+			<p>{store.state.name}</p>
+		</div>
 	)
 }