detail

src/components/Index/index.js

@@ -109,8 +109,7 @@ class Index extends Component {
                 <div className='header'>
                     <img className="logo"
                          src="http://julyedu-img-public.oss-cn-beijing.aliyuncs.com/Public/img/index/logo.png" alt=""/>
-                    {/*<button className='to-app'>在APP打开</button>*/}
-                    <CallApp className='to-app'></CallApp>
+                    <CallApp className='to-app' text='在APP打开'></CallApp>
 
                     <i className='iconfont iconiconfront- search' onClick={this.toSearch.bind(this)}></i>
                 </div>

src/components/detail/audition/index.js

 import React, {Component} from 'react'
 import './index.scss'
+import {CallApp} from '../../../common'
+
 
 class Audition extends Component {
     constructor(props) {
         super(props);
     }
+
     colse = () => {
         this.props.boxHide(false);
     }
@@ -18,7 +21,7 @@ class Audition extends Component {
                         <div className='content audition-box'>
                             <p className='audition-header'>当前页面不支持试听</p>
                             <p className='audition-dec'>请前往APP试听</p>
-                            <div className='btn btn-18B4ED'>立即前往</div>
+                            <CallApp className='btn btn-18B4ED' text='立即前往'></CallApp>
                         </div>
                         <i onClick={this.colse} className={'iconfont iconiconfront-2 close'}></i>
                     </div>

src/components/detail/carousel/index.js

-import React, {Component} from 'react';
-import {Carousel, WingBlank} from 'antd-mobile';
+import React, {Component} from 'react'
+import {Carousel, WingBlank} from 'antd-mobile'
 
 import './index.scss'
-import {api, getParam, http} from "@/utils";
-
+import {api, getParam, http} from "@/utils"
 
+// 课程页面滚动广告
 class Carouselw extends Component {
     constructor(props) {
         super(props)
@@ -18,7 +18,7 @@ class Carouselw extends Component {
         _this.getList()
         this.timer = setInterval(function () {
             _this.getList()
-        },10000);
+        }, 10000);
 
     }
 
@@ -63,4 +63,4 @@ class Carouselw extends Component {
     }
 }
 
-export default Carouselw;
\ No newline at end of file
+export default Carouselw
\ No newline at end of file

src/components/detail/index.js

@@ -11,8 +11,8 @@ import BtnStatus from "./btnstatus"
 import Carouselw from "./carousel"
 import {connect} from "react-redux"
 import {fetchCoursesListIfNeeded} from "./actions"
-import {api, getParam, http, browser} from "@/utils";
-import {Toast} from 'antd-mobile';
+import {api, getParam, http, browser} from "@/utils"
+import {Toast} from 'antd-mobile'
 
 class Detail extends Component {
 

src/components/detail/outline/index.js

@@ -19,8 +19,12 @@ class OutLine extends Component {
         return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
     }
 
-
     componentDidMount() {
+        this.getList()
+    }
+
+    // 获取大纲数据
+    getList = () => {
         http.get(`${api.home}/m/course/syllabuses/${getParam('id')}`).then((res) => {
             if (res.data.code === 200) {
                 this.setState({
@@ -104,7 +108,7 @@ class OutLine extends Component {
                                                             }
                                                         </h2>
                                                         {
-                                                            item.point.map((item, index) => {
+                                                            item.point && item.point.length > 0 && item.point.map((item, index) => {
                                                                 const type = (
                                                                     <span>
                                                             {item.type === 1 &&

src/components/detail/shareRank/index.js

@@ -10,15 +10,20 @@ class ShareRank extends Component {
     constructor(props) {
         super(props)
         this.state = {
-            list: [],
-            rankingslice: [],
-            code: '',
+            list: [],  // 分销排行榜
+            rankingslice: [],  // 分销排行榜前两名
+            code: '', // 分销code
             shareRank: false
         }
     }
 
     componentDidMount() {
+        this.getRankList()
+        this.getCode()
+    }
+
     // 获取排行榜
+    getRankList = () => {
         http.get(`${api.home}/dist/rankList/${getParam('id')}`).then((res) => {
             if (res.data.code === 200) {
                 this.setState({
@@ -29,7 +34,10 @@ class ShareRank extends Component {
                 Toast.info(res.data.msg, 2)
             }
         })
+    }
+
     // 获取分销码
+    getCode = () => {
         let data = {
             course_id: getParam('id')
         }
@@ -44,6 +52,7 @@ class ShareRank extends Component {
         })
     }
 
+    // 点击分销跳转到海报页
     share = (info) => {
         const courseId = getParam('id')
         const dist_first = info.dist_first_level_ti
@@ -95,7 +104,8 @@ class ShareRank extends Component {
                     <Flex className='share-money' justify='between' align='center'>
                         <img onClick={this.openRanking} className="ranking-ellipsis"
                              src="https://julyedu-img.oss-cn-beijing.aliyuncs.com/Image/train/ellipsis.png" alt=""/>
-                    <button className="share" onClick={this.share.bind(this,info)}>分享赚{info.dist_first_level_ti}元</button>
+                        <button className="share" onClick={this.share.bind(this, info)}>分享赚{info.dist_first_level_ti}元
+                        </button>
                     </Flex>
                 </Flex>
 
@@ -122,7 +132,7 @@ class ShareRank extends Component {
                                 }
                             </ul>
                             <div className='shareBtn'>
-                                <button onClick={this.share.bind(this,info)}>分享赚{info.dist_first_level_ti}元</button>
+                                <button onClick={this.share.bind(this, info)}>分享赚{info.dist_first_level_ti}元</button>
                             </div>
                             <i onClick={this.colse} className={'iconfont iconiconfront-2 close'}></i>
                         </div>

src/components/detail/shareRank/index.scss

@@ -63,7 +63,6 @@
     border-radius: 3px;
     color: $red;
     background-color: $bg_fff;
-    width: 76px;
     height: 22px;
     line-height: 20px;
     text-align: center;