Skip to content

M
mr-julyedu
Commit 17c60f42 by zhoule
Options

代提交：首页更改

parent 5819b984
Showing with 661 additions and 188 deletions
src/components/Index/index.js
...@@ -14,7 +14,9 @@ import TopSwiper from "./TopSwiper" ...@@ -14,7 +14,9 @@ import TopSwiper from "./TopSwiper"
// import ExpandActiveToast from './expandActiveToast' // import ExpandActiveToast from './expandActiveToast'
import TeacherList from "./tercher" import TeacherList from "./tercher"
import Teaching from "./teaching" import Teaching from "./teaching"
import Translate from "./translate"
import Review from "./review"
import Robot from "./robot"
//tan框 //tan框
import UserGift from "src/common/UserGift" import UserGift from "src/common/UserGift"
...@@ -240,7 +242,13 @@ class Index extends Component { ...@@ -240,7 +242,13 @@ class Index extends Component {
<p className="borderTop" /> <p className="borderTop" />
{/* <botton className="fix"><a href="https://live.easyliao.com/live/chat.do?c=27526&g=53481&config=81372"><span>点击</span><span>咨询</span></a></botton> */} {/* <botton className="fix"><a href="https://live.easyliao.com/live/chat.do?c=27526&g=53481&config=81372"><span>点击</span><span>咨询</span></a></botton> */}
<Teaching /> <Teaching />
<p className="borderTop" />
<Translate />
<p className="borderTop" />
<Review />
<p className="borderTop" />
<Robot />
<p className="borderTop" />
{/* <AllCourseNavigation /> */} {/* <AllCourseNavigation /> */}
{/* 直播间预约 */} {/* 直播间预约 */}
......
src/components/Index/index.scss
@import "src/assets/css/variable"; @import "src/assets/css/variable";
#chatBtn { #chatBtn {
bottom: 60px !important; bottom: 60px !important;
} }
...@@ -77,6 +78,7 @@ ...@@ -77,6 +78,7 @@
.swiper-slide { .swiper-slide {
height: 187px !important; height: 187px !important;
img { img {
width: 100%; width: 100%;
height: 187px; height: 187px;
...@@ -183,14 +185,16 @@ ...@@ -183,14 +185,16 @@
display: inline-block; display: inline-block;
} }
} }
/* /*
会员广告位 会员广告位
*/ */
.vip{ .vip {
height: 95px; height: 95px;
padding-top: 15px; padding-top: 15px;
position: relative; position: relative;
.govip{
.govip {
position: absolute; position: absolute;
display: block; display: block;
width: 48px; width: 48px;
...@@ -199,44 +203,53 @@ ...@@ -199,44 +203,53 @@
bottom: 13px; bottom: 13px;
} }
} }
.teacher{
padding: 15px 15px 40px 15px;
.cont{
font-size: 16px;
color: #000000;
font-weight: 400;
padding: 6px 0 10px 0;
}
.teabox{
// width: 167px;
.tealist{
display: flex;
// height: 147px;
border-bottom: 1px solid #F3F4F8;
.pic{
width: 30%;
img{
margin-top: 15%;
width: 89px;
height: 103px;
border-radius: 6px; .teacher {
} padding: 15px 15px 40px 15px;
}
.detail{ .cont {
flex: 1; font-size: 16px;
.name{ color: #000000;
margin-top: 10px; font-weight: 400;
display: flex; padding: 6px 0 10px 0;
align-items: center; }
b{
font-size: 18px; .teabox {
font-weight: 600;
// width: 167px;
.tealist {
display: flex;
// height: 147px;
border-bottom: 1px solid #F3F4F8;
.pic {
width: 30%;
img {
margin-top: 15%;
width: 89px;
height: 103px;
border-radius: 6px;
} }
} }
.title{
.detail {
flex: 1;
.name {
margin-top: 10px;
display: flex;
align-items: center;
b {
font-size: 18px;
font-weight: 600;
}
}
.title {
background: #E2BA7E; background: #E2BA7E;
line-height: 20px; line-height: 20px;
...@@ -244,167 +257,364 @@ ...@@ -244,167 +257,364 @@
color: #fff; color: #fff;
border-radius: 3px; border-radius: 3px;
} }
}
.desc {
height: 70px;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin-top: 8px;
margin-bottom: 8px;
color: $color_999;
}
} }
.desc{
height:70px;
word-break: break-all; }
text-overflow: ellipsis;
overflow: hidden; .active1 {
display: -webkit-box; // height:200px;
-webkit-line-clamp: 4; height: auto !important;
-webkit-box-orient: vertical;
margin-top: 8px; .desc {
margin-bottom: 8px; height: auto !important;
color: $color_999; // word-break: break-all;
text-overflow: clip !important;
overflow: visible !important;
display: inline-block !important;
// margin-bottom: 8px;
} }
} }
.consult {
height: 41px;
display: flex;
justify-content: center;
padding: 20px;
} a {
.active1 { display: flex;
// height:200px; width: 223px;
height: auto !important; height: 41px;
.desc{ background: linear-gradient(167deg, #E2BA7E 0%, #E1A64D 100%);
height: auto !important; border-radius: 20px;
// word-break: break-all; color: #fff;
text-overflow: clip !important; font-size: 16px;
overflow: visible !important; justify-content: center;
display: inline-block !important; align-items: center;
// margin-bottom: 8px;
}
} }
}
.consult{
height: 41px;
display: flex;
justify-content: center;
padding: 20px;
a{ .consult1 {
display: flex; height: 41px;
width: 223px; display: flex;
height: 41px; justify-content: center;
background: linear-gradient(167deg, #E2BA7E 0%, #E1A64D 100%); padding: 20px;
border-radius: 20px;
color: #fff;
font-size: 16px;
justify-content: center;
align-items: center;
} a {
} display: flex;
} background: #0099FF;
.teaching{ border-radius: 20px;
width: 223px;
.cont{ height: 41px;
font-size: 16px; color: #fff;
color: #000000; font-size: 16px;
font-weight: 400; justify-content: center;
padding: 10px 0; align-items: center;
padding: 15px 0px 0 15px;
}
}
} }
.scroll-box2 {
padding: 0px 15px 60px 15px; .teaching {
width: 100%;
overflow: auto; .cont {
position: relative; font-size: 16px;
margin-top: 15px; color: #000000;
font-weight: 400;
.scroll-list { padding: 10px 0;
height: 207px; padding: 15px 0px 0 15px;
margin: 5px 0; }
display: flex;
overflow: hidden; .scroll-box2 {
position: absolute; padding: 0px 15px 60px 15px;
padding: 5px; width: 100%;
overflow: auto;
.scroll-item { position: relative;
display: inline-block; margin-top: 15px;
width: 153px;
height: 100%; .scroll-list {
margin-right: 20px; height: 207px;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); margin: 5px 0;
background-color: $bg_fff; display: flex;
border-radius: 5px; overflow: hidden;
div{ position: absolute;
margin-top: 55px; padding: 5px;
margin-left: 17px;
margin-right: 16px; .scroll-item {
h2{ display: inline-block;
font-weight: 600; width: 153px;
line-height: 20px; height: 100%;
} margin-right: 20px;
p{ box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
line-height: 20px; background-color: $bg_fff;
color: #525C65; border-radius: 5px;
div {
margin-top: 55px;
margin-left: 17px;
margin-right: 16px;
h2 {
font-weight: 600;
line-height: 20px;
}
p {
line-height: 20px;
color: #525C65;
}
} }
} }
} li:nth-child(1) {
li:nth-child(1){ background-image: url('https://julyedu-img.oss-cn-beijing.aliyuncs.com/sanbaiduomingai.png');
background-image: url('https://julyedu-img.oss-cn-beijing.aliyuncs.com/sanbaiduomingai.png'); background-size: cover;
background-size:cover; }
}
li:nth-child(2){ li:nth-child(2) {
background-image: url('https://julyedu-img.oss-cn-beijing.aliyuncs.com/sanbaiduowanaixueyuan.png'); background-image: url('https://julyedu-img.oss-cn-beijing.aliyuncs.com/sanbaiduowanaixueyuan.png');
background-size:cover; background-size: cover;
div{
p:nth-of-type(1){ div {
display: flex; p:nth-of-type(1) {
display: flex;
justify-content: space-between; justify-content: space-between;
} }
h2:nth-of-type(2){
margin-top: 20px; h2:nth-of-type(2) {
margin-top: 20px;
}
p:nth-of-type(2) {
span:nth-child(2) {
margin-left: 10px;
}
}
} }
p:nth-of-type(2){ }
span:nth-child(2){
margin-left: 10px; li:nth-child(3) {
background-image: url('https://julyedu-img.oss-cn-beijing.aliyuncs.com/shierweibalabala.png');
background-size: cover;
div {
p {
display: flex;
justify-content: space-between;
} }
} }
} }
li:nth-child(4) {
background-image: url('https://julyedu-img.oss-cn-beijing.aliyuncs.com/wubaijiabalabala.png');
background-size: cover;
}
li:nth-child(5) {
background-image: url('https://julyedu-img.oss-cn-beijing.aliyuncs.com/shuangyunbalabala.png');
background-size: cover;
p:nth-of-type(2) {
// margin-top: 10px;
}
}
} }
li:nth-child(3){ }
background-image: url('https://julyedu-img.oss-cn-beijing.aliyuncs.com/shierweibalabala.png');
background-size:cover; ::-webkit-scrollbar {
div{ display: none;
p{ }
/*
横向滚动
*/
.scroll-box2 {
height: 307px;
}
}
.paper {
padding: 15px 15px 16px 15px;
.cont {
font-size: 16px;
color: #000000;
font-weight: 400;
padding: 6px 0 10px 0;
font-weight: 700;
}
.teabox {
background: #F6FBFF;
padding: 16px;
border-radius: 8px;
margin-bottom: 16px;
// width: 167px;
&:last-child {
margin-bottom: 0;
}
.tealist {
display: flex;
// height: 147px;
border-bottom: 1px solid #F3F4F8;
.pic {
width: 30%;
img {
margin-top: 15%;
width: 89px;
height: 103px;
border-radius: 6px;
}
}
.detail {
flex: 1;
.name {
margin-top: 10px;
display: flex; display: flex;
justify-content: space-between; align-items: center;
b {
font-size: 18px;
font-weight: 600;
}
}
.title {
background: #E2BA7E;
line-height: 20px;
padding: 2px 10px;
color: #fff;
border-radius: 3px;
} }
} }
.desc {
height: 70px;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin-top: 8px;
margin-bottom: 8px;
color: $color_999;
}
}
.paper-desc {
font-size: 14px;
color: #151515;
text-align: center;
font-weight: 500;
} }
li:nth-child(4){
background-image: url('https://julyedu-img.oss-cn-beijing.aliyuncs.com/wubaijiabalabala.png'); .paper-p {
background-size:cover; margin-top: 12px;
margin-bottom: 16px;
text-align: center;
} }
li:nth-child(5){
background-image: url('https://julyedu-img.oss-cn-beijing.aliyuncs.com/shuangyunbalabala.png'); .paper-box {
background-size:cover; margin-top: 16px;
p:nth-of-type(2){ display: flex;
// margin-top: 10px; justify-content: space-around;
div {
text-align: center;
} }
} }
}
.active1 {
// height:200px;
height: auto !important;
.desc {
height: auto !important;
// word-break: break-all;
text-overflow: clip !important;
overflow: visible !important;
display: inline-block !important;
// margin-bottom: 8px;
}
} }
}
::-webkit-scrollbar {
display: none;
}
/*
横向滚动
*/
.scroll-box2 {
height: 307px;
}
}
.consult {
height: 41px;
display: flex;
justify-content: center;
padding: 20px;
a {
display: flex;
width: 223px;
height: 41px;
background: linear-gradient(167deg, #E2BA7E 0%, #E1A64D 100%);
border-radius: 20px;
color: #fff;
font-size: 16px;
justify-content: center;
align-items: center;
}
}
.consult1 {
// height: 41px;
display: flex;
justify-content: center;
padding: 20px;
a {
display: flex;
background: #0099FF;
border-radius: 20px;
width: 223px;
height: 41px;
color: #fff;
font-size: 16px;
justify-content: center;
align-items: center;
}
}
}
...@@ -880,33 +1090,36 @@ align-items: center; ...@@ -880,33 +1090,36 @@ align-items: center;
background-color: #f3f4f8; background-color: #f3f4f8;
} }
.index-box ~ .year19-index { .index-box~.year19-index {
display: none; display: none;
} }
.bq{
.bq {
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: 10px 0; padding: 10px 0;
.hot2{
width:187px; .hot2 {
} width: 187px;
}
} }
.fix{
.fix {
position: fixed; position: fixed;
top: 70%; top: 70%;
right: 10px; right: 10px;
z-index: 9999; z-index: 9999;
width: 60px; width: 60px;
height: 60px; height: 60px;
background: #0099FF; background: #0099FF;
box-shadow: -3px 3px 13px 0px rgba(136, 205, 250, 0.64); box-shadow: -3px 3px 13px 0px rgba(136, 205, 250, 0.64);
border-radius: 50%; border-radius: 50%;
font-size: 16px; font-size: 16px;
color: #F3F4F8; color: #F3F4F8;
padding-top: 5px; padding-top: 5px;
span{
display: block;
text-align: center;
}
}
span {
display: block;
text-align: center;
}
}
\ No newline at end of file
src/components/Index/review/index.js 0 → 100644
import React, { Component } from "react"
import "./../index.scss"
import { http } from "src/utils"
import { Link } from "react-router-dom"
import { Toast } from "antd-mobile"
import icon1 from "../image/paperTranslate1.png"
import icon2 from "../image/paperReview2.png"
import icon3 from "../image/paperTranslate3.png"
import icon4 from "../image/2-2@2x.png"
class TeacherList extends Component {
constructor(props) {
super(props)
this.state = {
data: [],
active: "",
isToggleOn: false,
liClass1: "",
}
}
bgChange = (index) => {
console.log(index, 999)
this.setState({
active: index,
})
this.setState((prevState) => ({
isToggleOn: !prevState.isToggleOn,
liClass1: prevState.isToggleOn ? "" : "active1",
}))
}
componentDidMount() {
http.get(`${API.home}/m/mobTeachers`).then((res) => {
if (res.data.code === 200) {
this.setState({
data: res.data.data,
})
} else {
Toast.info(res.data.msg, 2)
}
})
}
render() {
const { active, liClass1, isToggleOn } = this.state
return (
<div className="paper">
<p className="cont">论文审稿系统</p>
<div className="teabox">
<div className="paper-desc">
我司通过对开源模型的优化，可对英文论文进行全面评审，评审效果超过GPT4
</div>
<div className="paper-box">
<div>
<img width={88} src={icon1} alt="" />
<div>1.上传论文</div>
</div>
<div>
<img width={88} src={icon2} alt="" />
<div>2.论文解析</div>
</div>
<div>
<img width={88} src={icon3} alt="" />
<div>
3.输出审稿
<br />
意见
</div>
</div>
</div>
</div>
<div className="teabox">
<div className="paper-desc">
分析论文的优势、亮点，可能通过的原因、可能被拒绝的原因，提出针对性改进建议等
</div>
<div className="paper-box">
<div>
<img width={311} src={icon4} alt="" />
</div>
</div>
<div className="consult1">
<a>请前往PC端体验</a>
</div>
</div>
</div>
)
}
}
export default TeacherList
src/components/Index/robot/index.js 0 → 100644
import React, { Component } from "react"
import "./../index.scss"
import { http } from "src/utils"
import { Link } from "react-router-dom"
import { Toast } from "antd-mobile"
import icon2 from "../image/3-2@2x.png"
import icon1 from "../image/3-1@2x.png"
class TeacherList extends Component {
constructor(props) {
super(props)
this.state = {
data: [],
active: "",
isToggleOn: false,
liClass1: "",
}
}
bgChange = (index) => {
console.log(index, 999)
this.setState({
active: index,
})
this.setState((prevState) => ({
isToggleOn: !prevState.isToggleOn,
liClass1: prevState.isToggleOn ? "" : "active1",
}))
}
componentDidMount() {
http.get(`${API.home}/m/mobTeachers`).then((res) => {
if (res.data.code === 200) {
this.setState({
data: res.data.data,
})
} else {
Toast.info(res.data.msg, 2)
}
})
}
render() {
const { active, liClass1, isToggleOn } = this.state
return (
<div className="paper">
<p className="cont">机器人解决方案</p>
<div className="teabox">
<div className="paper-desc">结合企业特定的业务场景，进行定制开发</div>
<p className="paper-p">
基于HumanPlus二次开发出面向汽车的自动喷涂机器人
</p>
<div className="paper-box">
<div>
<img width={311} src={icon1} alt="" />
</div>
</div>
<p className="paper-p">
基于DexCap二次开发出面向工厂的自动线缆插拔机器人
</p>
<div className="paper-box">
<div>
<img width={311} src={icon2} alt="" />
</div>
</div>
</div>
</div>
)
}
}
export default TeacherList
src/components/Index/translate/index.js 0 → 100644
import React, { Component } from "react"
import "./../index.scss"
import { http } from "src/utils"
import { Link } from "react-router-dom"
import { Toast } from "antd-mobile"
import icon1 from "../image/paperTranslate1.png"
import icon2 from "../image/paperTranslate2.png"
import icon3 from "../image/paperTranslate3.png"
import icon4 from "../image/1-2@2x.png"
class TeacherList extends Component {
constructor(props) {
super(props)
this.state = {
data: [],
active: "",
isToggleOn: false,
liClass1: "",
}
}
bgChange = (index) => {
console.log(index, 999)
this.setState({
active: index,
})
this.setState((prevState) => ({
isToggleOn: !prevState.isToggleOn,
liClass1: prevState.isToggleOn ? "" : "active1",
}))
}
componentDidMount() {
http.get(`${API.home}/m/mobTeachers`).then((res) => {
if (res.data.code === 200) {
this.setState({
data: res.data.data,
})
} else {
Toast.info(res.data.msg, 2)
}
})
}
render() {
const { active, liClass1, isToggleOn } = this.state
return (
<div className="paper">
<p className="cont">论文翻译系统</p>
<div className="teabox">
<div className="paper-desc">
基于GPT模型，提供高效、准确的学术论文翻译服务
</div>
<div className="paper-box">
<div>
<img width={88} src={icon1} alt="" />
<div>1.上传论文</div>
</div>
<div>
<img width={88} src={icon2} alt="" />
<div>
2.选择模型
<br />
GPT3.5/4.0
</div>
</div>
<div>
<img width={88} src={icon3} alt="" />
<div>
3.输出翻译
<br />
结果
</div>
</div>
</div>
</div>
<div className="teabox">
<div className="paper-desc">原文与译文左右对照，同步查询</div>
<div className="paper-box">
<div>
<img width={311} src={icon4} alt="" />
</div>
</div>
<div className="consult1">
<a>请前往PC端体验</a>
</div>
</div>
</div>
)
}
}
export default TeacherList
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