diff --git a/public/react/src/App.js b/public/react/src/App.js
index 1a1af02d9..f59f76010 100644
--- a/public/react/src/App.js
+++ b/public/react/src/App.js
@@ -207,6 +207,12 @@ const UsersInfo = Loadable({
 	loading: Loading,
 })
 
+// 兴趣页面
+const Interestpage = Loadable({
+	loader: () => import('./modules/user/Interestpage'),
+	loading: Loading,
+})
+
 class App extends Component {
 	constructor(props) {
 		super(props)
@@ -324,8 +330,8 @@ class App extends Component {
           </Route> */}
 
 							{/* <Route path="/myshixuns/:shixunId/stages/:stageId" component={Index}/> */}
-
-
+              {/* 兴趣页面*/}
+              <Route path="/interest" component={Interestpage}/>
 							<Route path="/comment" component={CommentComponent}/>
 							<Route path="/testMaterial" component={TestMaterialDesignComponent}/>
 							<Route path="/test" component={TestIndex}/>
diff --git a/public/react/src/modules/tpm/NewHeader.js b/public/react/src/modules/tpm/NewHeader.js
index 691f8bb1e..7af055314 100644
--- a/public/react/src/modules/tpm/NewHeader.js
+++ b/public/react/src/modules/tpm/NewHeader.js
@@ -756,6 +756,8 @@ submittojoinclass=(value)=>{
                 <li><a href={this.props.Headertop===undefined?"":this.props.Headertop.account_manager_url}>账号管理</a></li>
                 {/*<li><a onClick={()=>this.educoderlogin()} >登入测试接口</a></li>*/}
                 {/*<li><a onClick={()=>this.trialapplications()} >试用申请</a> </li>*/}
+                <li><Link to={`/interest`}>兴趣页</Link></li>
+
                 <li className="bor-top-greyE">
                   {/*<a href={this.props.Headertop===undefined?"":this.props.Headertop.logout_url}>退出</a>*/}
                   {/*<a  onClick={()=>this.educoderlogin()}>退出</a>*/}
diff --git a/public/react/src/modules/user/Interestpage.js b/public/react/src/modules/user/Interestpage.js
new file mode 100644
index 000000000..5ac180242
--- /dev/null
+++ b/public/react/src/modules/user/Interestpage.js
@@ -0,0 +1,57 @@
+import React, {Component} from 'react';
+
+import {BrowserRouter as Router, Route, Link, Switch} from "react-router-dom";
+
+import {getImageUrl, DragValidator} from 'educoder';
+import {Tabs, Input, Checkbox, Button, notification} from 'antd';
+import axios from 'axios';
+import './common.css'
+
+
+//父组件 EducoderLogin.js
+class InterestpageComponent extends Component {
+	constructor(props) {
+		super(props)
+		this.state = {
+			login: "",
+			password: "",
+			passwords: "",
+			seconds: 60,
+			codes: "",
+			getverificationcodes: true,
+			Phonenumberisnotco: undefined,
+			Phonenumberisnotcobool: false,
+			s: 'text',
+			classpass: "text",
+			readonlyInput: true,
+		}
+	}
+
+
+
+
+
+	render() {
+		const {
+		} = this.state
+		// height: 346px;
+		return (
+
+			<div className="login_register_content" style={{height: "824px"}}>
+
+				<div className="login_section">
+					<div className="ysldivhome">
+          <div>1</div>
+          <div>2</div>
+          <div>3</div>
+					</div>
+						<Button className="login_btn" size={"large"} type="primary" style={{height: "46px"}}>完成</Button>
+
+					</div>
+
+			</div>
+		);
+	}
+}
+
+export default (InterestpageComponent);