Skip to content

M
mr-julyedu
Commit 3e358f28 by caixinyu
Options

添加python活动页面

parent 2cbf5e70
Showing with 479 additions and 23 deletions
package-lock.json
......@@ -19569,20 +19569,25 @@
"@babel/highlight": "^7.8.3"
}
},
"@babel/helper-validator-identifier": {
"version": "7.18.6",
"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz",
"integrity": "sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g=="
},
"@babel/highlight": {
"version": "7.10.4",
"resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.10.4.tgz",
"integrity": "sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==",
"version": "7.18.6",
"resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz",
"integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==",
"requires": {
"@babel/helper-validator-identifier": "^7.10.4",
"@babel/helper-validator-identifier": "^7.18.6",
"chalk": "^2.0.0",
"js-tokens": "^4.0.0"
}
},
"ansi-regex": {
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
"integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg=="
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
},
"browserslist": {
"version": "4.10.0",
......@@ -19595,11 +19600,6 @@
"pkg-up": "^3.1.0"
}
},
"caniuse-lite": {
"version": "1.0.30001109",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001109.tgz",
"integrity": "sha512-4JIXRodHzdS3HdK8nSgIqXYLExOvG+D2/EenSvcub2Kp3QEADjo2v2oUn5g0n0D+UNwG9BtwKOyGcSq2qvQXvQ=="
},
"cli-width": {
"version": "2.2.1",
"resolved": "https://registry.npmjs.org/cli-width/-/cli-width-2.2.1.tgz",
......@@ -19665,9 +19665,9 @@
},
"dependencies": {
"ansi-regex": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
"integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg=="
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
"integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g=="
},
"strip-ansi": {
"version": "5.2.0",
......@@ -19729,13 +19729,23 @@
"integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
},
"string-width": {
"version": "4.2.0",
"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",
"integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==",
"version": "4.2.3",
"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
"requires": {
"emoji-regex": "^8.0.0",
"is-fullwidth-code-point": "^3.0.0",
"strip-ansi": "^6.0.0"
"strip-ansi": "^6.0.1"
},
"dependencies": {
"strip-ansi": {
"version": "6.0.1",
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
"requires": {
"ansi-regex": "^5.0.1"
}
}
}
},
"strip-ansi": {
......
package.json
......@@ -84,7 +84,7 @@
"react-ace": "^8.1.0",
"react-app-polyfill": "^1.0.6",
"react-copy-to-clipboard": "^5.0.2",
"react-dev-utils": "^10.2.1",
"react-dev-utils": "10.2.1",
"react-dom": "^16.13.1",
"react-infinite-scroller": "^1.2.4",
"react-lazy-load": "^3.1.13",
......
src/components/detail/group/togroup.js
......@@ -306,7 +306,7 @@ function GorupContent(props) {
})
if (flag) {
tip = (
<p className="tip">{`拼团省￥${round(
<p className="tip">{`拼团省￥${Math.round(
data.price1 - pdd_price,
2
)}元`}</p>
......@@ -320,7 +320,7 @@ function GorupContent(props) {
} else {
if (getParam("is_originator") == 1) {
tip = (
<p className="tip">{`拼团省￥${round(
<p className="tip">{`拼团省￥${Math.round(
data.price1 - pdd_price,
2
)}元`}</p>
......@@ -336,7 +336,7 @@ function GorupContent(props) {
)
} else {
tip = (
<p className="tip">{`拼团省￥${round(
<p className="tip">{`拼团省￥${Math.round(
data.price1 - pdd_price,
2
)}元`}</p>
......
src/components/pythonCourse/index.js 0 → 100755
/* eslint-disable eqeqeq */
import React, { Component } from "react"
import { Accordion, Toast } from "antd-mobile"
import { HeaderBar, CallApp } from "src/common"
import { http, getParam } from "src/utils"
import "./index.scss"
import { connect } from "react-redux"
let courseObj = [{
url:'/getDetail?id=224',
prise:"99.00",
name:'人工智能',
code:"B4C719F1D6"
},
{
url:'/getDetail?id=328',
prise:"199.00",
name:'数据分析',
code:"7DE0F40CE5"
},
{
url:'/getDetail?id=280',
prise:"99.00",
name:'机器学习',
code:"8AED2B4DE5"
}]
class PythonCourse extends Component {
constructor(props) {
super(props)
this.state = {
CourseUrl: null,
modelBool: false,
courseName: "课程专用",
prise: "100.00",
code: null
}
}
componentDidMount() {
this.getUser()
}
componentDidMount() {
this.getUser()
}
showQuan=(id)=> {
this.setState({
CourseUrl:courseObj[id].url,
courseName:courseObj[id].name,
prise:courseObj[id].prise,
modelBool:true,
code:courseObj[id].code,
})
}
getUser=() => {
http.get(`${API.home}/m/user_info_sample/0`).then((res) => {
if(res.code === 200){
}else{
//为登录，去登录
this.props.history.push("/passport")
}
})
}
gotoCourse=()=>{
const _this = this
const { history } = this.props
http
.post(`${API.home}/m/coupon/exchange`, {
code: _this.state.code,
type: "order",
})
.then((res) => {
const data = res.data
if (data.code === 200) {
Toast.info('领取成功',2)
history.push(_this.CourseUrl)
} else {
Toast.info(data.msg)
}
})
// this.$Message.success({
// content:"领取成功，券码已复制",
// top: 50,
// duration: 3,
// onClose:function(){
// location.href = _this.CourseUrl
// }
// })
}
gotoCourseDetail=(url)=>{
const { history } = this.props
history.push(url)
}
close=()=>{
this.setState({
modelBool:false
})
}
render() {
const { user } = this.props
const uid = user && user.data && user.data.uid
const { CourseUrl, modelBool, courseName, prise,code } = this.state
return (
<div id="python-box" className="python-study">
<div className="content">
<div className="banner">
<img src="https://www.julyedu.com/Public/img/banner.3cbdc9ef.png" alt="" />
</div>
<div className="course-list">
<div className="course-list-title">甄选课程</div>
<div className="course-list-item" onClick={() =>this.gotoCourseDetail('/getDetail?id=224')}>
<div className="course-list-item-tig">0基础入门Python人工智能</div>
<div className="flex-row">
<img
className="course-list-item-img"
src="https://www.julyedu.com/Public/img/img1@3x.84afbc45.png"
alt=""
/>
<div className="course-list-item-content">
<div className="course-list-item-title">Python图文课</div>
<div className="course-list-item-des">课时：17节闯关训练+17实操</div>
<div>
<a
className="course-list-item-btn"
onClick={(e) =>{e.stopPropagation();this.showQuan(0)}}
>领劵0元购</a>
</div>
</div>
</div>
</div>
<div className="course-list-item" onClick={() =>this.gotoCourseDetail('/getDetail?id=328')}>
<div className="course-list-item-tig">从0学python数据分析</div>
<div className="flex-row">
<img
className="course-list-item-img"
src="https://www.julyedu.com/Public/img/img2@3x.e9395148.png"
alt=""
/>
<div className="course-list-item-content">
<div className="course-list-item-title">Python数据分析</div>
<div className="course-list-item-des">课时：31节课</div>
<div>
<a
className="course-list-item-btn"
onClick={(e) =>{e.stopPropagation();this.showQuan(1)}}
>领劵0元购</a>
</div>
</div>
</div>
</div>
<div className="course-list-item" onClick={() => {
this.gotoCourseDetail('/getDetail?id=280')
}}>
<div className="course-list-item-tig">0基础入门机器学习</div>
<div className="flex-row">
<img
className="course-list-item-img"
src="https://www.julyedu.com/Public/img/img3@3x.d7a07310.png"
alt=""
/>
<div className="course-list-item-content">
<div className="course-list-item-title">机器学习图文课</div>
<div className="course-list-item-des">课时：31节闯关课</div>
<div>
<a
className="course-list-item-btn"
onClick={(e) =>{e.stopPropagation();this.showQuan(2)}}
>领劵0元购</a>
</div>
</div>
</div>
</div>
</div>
<div className="course-des">
<div className="course-des-tilte">上课方式</div>
<div className="course-des-content">
<div className="course-des-container">
<div className="course-des-content-row">
<span className="course-des-icon">01</span>
<span className="course-des-text">
点击上方课程按钮领取优惠券--点“直接购买”即可0元购课
</span>
</div>
<div className="course-des-content-row">
<span className="course-des-icon">02</span>
<span className="course-des-text">
登陆七月在线官网或七月在线APP一学习，可看到已购买的课程
</span>
</div>
<div className="course-des-content-row">
<span className="course-des-icon">03</span>
<span className="course-des-text">
课程随到随学，购买后加班主任进群领课件、代码及享受答疑服务
</span>
</div>
</div>
</div>
</div>
</div>
{modelBool &&
<div className="python-model">
<div className="python-course-model-box">
<img className="quan" src="https://www.julyedu.com/Public/img/tanchuang@3x.8f8490fd.png" onClick={() =>{this.gotoCourse()}} alt="" />
<div className="course-prise">
<div className="course-prise-first-child">
{this.state.prise}
</div>
<div className="course-prise-last-child">
{this.state.courseName}
</div>
</div>
<img onClick={() =>this.close()} className="CloseCircle" src="data:image/png;base64,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" alt="" />
</div>
</div>
}
</div>
)
}
}
export default connect((state) => ({ user: state.user }), null)(PythonCourse)
src/components/pythonCourse/index.scss 0 → 100755
@import "src/assets/css/variable";
*,
body {
padding: 0;
margin: 0;
font-family: PingFangSC-Regular;
}
body{
pointer-events: initial!important;
}
.python-model {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
}
.python-course-model-box {
width: 100%;
height: 100%;
top: calc(50% - 180px);
position: relative;
}
.python-course-model-box img.quan {
display: block;
width: 375px;
margin: 0 auto;
}
.CloseCircle{
display: block;
margin:0 auto;
width:40px;
height:40px;
}
.course-prise{
position: absolute;
top: 195px;
left: 80px;
width: 170px;
height: 74px;
}
.course-prise-first-child{
font-weight: bold;
line-height: 40px;
text-align: center;
font-size: 26px;
color: #f00;
}
.course-prise-last-child{
color: #fff;
text-align: center;
line-height: 28px;
}
div {
box-sizing: border-box;
}
.content {
background-color: #3fa9ff;
padding-bottom: 30px;
}
.banner {
width: 100%;
}
.banner img {
display: block;
width: 100%;
height: auto;
}
.course-list {
padding: 0 12px;
}
.course-list-title {
font-size: 20px;
color: #fff;
font-weight: 700;
text-align: center;
margin-bottom: 38px;
}
.course-list-item {
min-height: 73px;
background-color: #fff;
border-radius: 8px;
margin-bottom: 32px;
position: relative;
padding: 28px 4px 16px 20px;
}
.course-list-item-tig {
position: absolute;
top: -12px;
left: 20px;
font-size: 11px;
min-width: 142px;
padding: 0 4px;
height: 24px;
line-height: 24px;
background-image: linear-gradient(180deg, #ffbf69 0%, #fa8d15 100%);
border-radius: 4px;
text-align: center;
color: #fff;
font-weight: 500;
}
.course-list-item-img {
display: block;
width: 142px;
height: 102px;
margin-right: 15px;
border-radius: 4px;
}
.course-list-item-title {
font-family: SourceHanSansCN-Bold;
font-size: 18px;
color: #333333;
letter-spacing: 0.03px;
line-height: 18px;
font-weight: 700;
padding-top: 6px;
}
.course-list-item-des {
width: 154px;
font-family: SourceHanSansCN-Normal;
font-size: 12px;
color: #666666;
letter-spacing: 0.02px;
line-height: 12px;
font-weight: 400;
padding-top: 12px;
padding-bottom: 16px;
}
.course-list-item-btn {
display: block;
width: 102px;
height: 32px;
background-image: linear-gradient(179deg, #ff7874 0%, #f5212d 100%);
border-radius: 4px;
text-align: center;
line-height: 32px;
font-size: 16px;
color: #fff;
text-decoration: none;
font-weight: 700;
}
.course-des {
margin-top: 32px;
width: 351px;
margin: 0 auto;
background: #fff;
border-radius: 8px;
padding-right: 20px;
padding-bottom: 16px;
}
.course-des-tilte {
width: 351px;
height: 40px;
line-height: 40px;
text-align: center;
background: #ffe7ba;
border-radius: 8px 8px 0 0;
font-family: SourceHanSansCN-Bold;
font-size: 20px;
color: #2297fe;
letter-spacing: 0.03px;
font-weight: 700;
}
.course-des-container {
padding-left: 52px;
padding-top: 20px;
}
.course-des-content-row {
margin-bottom: 12px;
position: relative;
}
.course-des-content-row:last-child{
margin-bottom:0;
}
.course-des-icon {
display: block;
position: absolute;
left: -32px;
top: 10px;
width: 24px;
height: 24px;
line-height: 24px;
background: #009aff;
border-radius: 50%;
color: #fff;
text-align: center;
font-weight: 700;
}
.course-des-text {
font-size: 14px;
color: #333333;
letter-spacing: 0.02px;
text-align: justify;
line-height: 22px;
}
.flex-row {
display: flex;
}
src/router/router-config.js
......@@ -531,4 +531,10 @@ export default [
import(/* webpackChunkName: 'ts-test' */ "src/components/ts-test")
),
},
{
path: "/python-course",
component: loadable(() =>
import("src/components/pythonCourse")
),
},
]
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment