添加注册服务协议跳转

src/app.tsx

@@ -38,6 +38,7 @@ class App extends Component {
       'pages/Order/OrderDetail/OrderDetail',
       'pages/SelectCampus/SelectCampus',
       'pages/Content/Content',
+      'pages/WebPage/WebPage',
     ],
     window: {
       backgroundTextStyle: 'light',

src/pages/Register/Register.tsx

@@ -218,6 +218,15 @@ class Register extends Component {
     }));
   }
 
+  goAgreementPage(e) {
+    e.stopPropagation();
+    Taro.navigateTo({
+      url:
+        '/pages/WebPage/WebPage?url=' +
+        encodeURIComponent('https://api.dcrym.com/dcwap/agreement.html'),
+    });
+  }
+
   render() {
     const {
       name,
@@ -366,7 +375,9 @@ class Register extends Component {
             <Image className='registerBox-agreeCheck' src={agreeNotIcon} />
           )}
           <Text>同意条款</Text>
-          <Text className='service-deal'>《多彩校园服务协议》</Text>
+          <Text className='service-deal' onClick={this.goAgreementPage}>
+            《多彩校园服务协议》
+          </Text>
         </View>
         {agree ? (
           <Button className='registerBox-button' onClick={this.getRegister}>

src/pages/WebPage/WebPage.tsx

+import { Component } from '@tarojs/taro';
+import { ComponentClass } from 'react';
+import { WebView } from '@tarojs/components';
+
+type PageState = {
+  linkUrl: string;
+};
+
+interface WebPage {
+  state: PageState;
+}
+
+class WebPage extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      linkUrl: '',
+    };
+  }
+
+  componentWillMount() {
+    console.log(this.$router.params);
+    const { url } = this.$router.params;
+    if (url) {
+      this.setState({
+        linkUrl: url,
+      });
+    }
+  }
+
+  render() {
+    const { linkUrl } = this.state;
+    return linkUrl && <WebView src={linkUrl} />;
+  }
+}
+
+export default WebPage as ComponentClass<any, PageState>;