小课加分销

src/components/ml/pythonStudy/index.js

 import React, { Component } from 'react';
 import { Accordion, Toast } from 'antd-mobile';
-import { HeaderBar } from '@/common';
+import { HeaderBar, CallApp} from '@/common';
 import { http, getParam } from '@/utils';
 import './index.scss';
 import { connect } from "react-redux";
@@ -112,6 +112,8 @@ class PythonStudy extends Component {
             </div>
           }
 
+          <CallApp className='toapp'/>
+
         </div>
         {
           !!courseInfo.is_dist && <div className={'dist-wrapper'}>

src/components/ml/pythonStudy/index.scss

@@ -51,6 +51,21 @@ html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am-
     background: #fff;
     margin: 20px 10px 30px;
   }
+
+  .toapp {
+    position: fixed;
+    right: 0;
+    top: 117px;
+    width: 82px;
+    height: 32px;
+    text-align: center;
+    line-height: 32px;
+    background: linear-gradient(-90deg, $bg_active 0%, $bg_0078FF 100%);
+    border-radius: 16px 0 0 16px;
+    font-size: 12px;
+    color: $white;
+    z-index: 9;
+  }
 }
 
 .python-study__header {

src/components/python/pythonStudy/index.js

 import React, {Component} from 'react';
 import {Accordion, Toast} from 'antd-mobile';
-import {HeaderBar} from '@/common';
+import {HeaderBar, CallApp} from '@/common';
 import {http, getParam} from '@/utils';
 import './index.scss';
 import {Link} from "react-router-dom"
@@ -114,6 +114,9 @@ class PythonStudy extends Component {
                         <ShareRank courseInfo={courseInfo}/>
                     </div>
                 }
+
+                <CallApp className={'toapp'}/>
+
                 <Accordion
                     defaultActiveKey="0"
                     className="python-study__stage"

src/components/python/pythonStudy/index.scss

@@ -50,6 +50,21 @@ html:not([data-scale]) .am-accordion.python-study__stage .am-accordion-item .am-
     background: #fff;
     margin: 20px 10px 30px;
   }
+
+  .toapp {
+    position: fixed;
+    right: 0;
+    top: 117px;
+    width: 82px;
+    height: 32px;
+    text-align: center;
+    line-height: 32px;
+    background: linear-gradient(-90deg, $bg_active 0%, $bg_0078FF 100%);
+    border-radius: 16px 0 0 16px;
+    font-size: 12px;
+    color: $white;
+    z-index: 9;
+  }
 }
 
 .python-study__header {