用户协议

src/components/passport/setPassword/index.js

@@ -13,6 +13,7 @@ import { isEmpty } from "lodash"
 import { connect } from "react-redux"
 import { setCurrentUser } from 'src/store/userAction'
 import jsCookie from 'js-cookie'
+import {Link} from 'react-router-dom'
 
 
 class SetPassword extends Component {
@@ -57,7 +58,7 @@ class SetPassword extends Component {
                        this.props.values.agreement ? 'iconfont iconRectangleCopy' : 'disagree'
                      ])}
               />
-              同意<span>《七月在线用户使用协议》</span>
+              同意<Link to='/userAgreement'>《七月在线用户使用协议》</Link>
             </label>
           </Form>
           <div className="skip"

src/components/passport/setPassword/set-password.scss

@@ -18,7 +18,7 @@
     .user-agreement {
         line-height: 30px;
 
-        span {
+        a {
             vertical-align: middle;
             color: $active;
         }

src/components/passport/userAgreement/index.scss

+.user-agreement {
+  padding: 20px;
+  color: #333;
+  letter-spacing: 1px;
+
+  h1 {
+    font-size: 20px;
+    font-weight: 600;
+    text-align: center;
+    margin-bottom: 10px;
+  }
+
+  h3 {
+    font-size: 16px;
+    font-weight: 600;
+    margin: 10px 0 5px 0;
+  }
+
+  p {
+    font-size: 14px;
+    text-align: justify;
+    text-indent: 2em;
+    line-height: 24px;
+  }
+
+}
\ No newline at end of file

src/router/router-config.js

@@ -36,6 +36,7 @@ const ExpandShare = loadable(() => import('src/components/expand/share'))
 const Activity = loadable(() => import(/* webpackChunkName: 'Activity' */'src/components/activity/1111/index'))
 const Invite = loadable(() => import(/* webpackChunkName: 'Invite' */'src/components/activity/1111/invite'))
 const NewVip = loadable(() => import(/* webpackChunkName: 'Invite' */'src/components/vip/index'))
+const userAgreement = loadable(() => import(/* webpackChunkName: 'Invite' */'src/components/passport/userAgreement'))
 export default [
   {
     path: '/',
@@ -120,6 +121,10 @@ export default [
     component: Passport,
   },
   {
+    path: '/userAgreement',
+    component: userAgreement,
+  },
+  {
     path: '/play',
     component: Video,
     isPrivate: true,