no message

src/assets/css/variable.scss

@@ -18,7 +18,8 @@ $color_4B4B4B: #4b4b4b;
 $color_FE2F2F: #fe2f2f;
 $color_FF4000: #ff4000;
 $color_FF0000: #ff0000;
-$color_525B65: #525b65;
+$color_525B69: #525b65;
+$color_525B65: #000;
 
 /*
  *  @ 文字大小

src/assets/font/demo.css

+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

src/assets/font/iconfont.svg

@@ -20,6 +20,9 @@ Created by iconfont
   />
     <missing-glyph />
     
+    <glyph glyph-name="dianzan1" unicode="&#59011;" d="M595.394 814.158c-46.546 0-87.143-31.806-95.677-76.8 0 0-13.834-70.465-21.075-95.806-11.895-41.762-53.527-87.92-83.652-102.66-22.756-11.248-107.313-11.377-112.485-11.377h-115.07c-31.677 0-57.407-25.6-57.407-57.406v-459.248c0-31.677 25.6-57.406 57.406-57.406h529.843c85.204 0 157.608 62.319 170.279 146.618l44.347 295.563c10.473 69.43-43.313 131.75-113.52 131.75H667.799s19.394 64.258 29.22 172.735c4.913 54.95-34.004 107.313-91.151 113.26a71.37 71.37 0 0 1-10.473 0.777zM339.524 10.99V471.92c37.623 2.456 64.775 7.757 80.807 15.773 42.28 20.945 96.324 78.351 113.39 138.343 7.628 26.764 20.687 92.962 22.239 100.72 3.361 17.325 19.91 30.125 39.305 30.125 1.551 0 3.103-0.13 4.654-0.259 27.281-2.844 41.891-28.703 39.952-50.941-9.05-100.46-26.893-160.97-27.152-161.358l-22.367-73.955h208.032c16.937 0 32.452-7.111 43.572-19.911 11.119-12.8 15.773-29.22 13.187-46.029l-44.218-295.563c-8.533-56.63-56.242-97.746-113.519-97.746H339.523z m-172.09 0V470.238h114.683V10.99H167.434z m0 0"  horiz-adv-x="1024" />
+
+    
     <glyph glyph-name="RectangleCopy1" unicode="&#59048;" d="M507.050667 725.333333c85.546667 0 155.178667-61.696 155.178666-137.514666v-92.544H351.872V587.818667C351.872 663.637333 421.546667 725.333333 507.050667 725.333333m276.309333-407.978666a21.333333 21.333333 0 0 1 21.333333 21.333333V396.842667c0 52.010667-44.245333 94.293333-99.797333 97.792V587.818667C704.896 687.189333 616.149333 768 507.050667 768 397.952 768 309.205333 687.189333 309.205333 587.818667v-93.013334C252.629333 492.330667 207.36 449.536 207.36 396.842667v-255.701334C207.36 86.826667 255.317333 42.666667 314.24 42.666667h383.488C756.693333 42.666667 804.693333 86.826667 804.693333 141.141333v69.546667a21.333333 21.333333 0 0 1-42.666666 0v-69.546667c0-30.805333-28.842667-55.808-64.298667-55.808H314.24C278.826667 85.333333 250.026667 110.336 250.026667 141.141333V396.842667c0 30.762667 28.8 55.765333 64.213333 55.765333h383.488c35.456 0 64.298667-25.002667 64.298667-55.765333v-58.154667a21.333333 21.333333 0 0 1 21.333333-21.333333"  horiz-adv-x="1024" />
 
     

src/components/Index/course-list/index.js

@@ -45,10 +45,10 @@ const Module = function CourseList({ module, toDetail }) {
 
   return (
     <div className="category home-course-list">
-      <h2 className="title">
+      {module.name !== "双11秒杀课"?<h2 className="title">
       {module.name}
+     </h2>:(<h2 className="bq"><img className="hot2" src={require('./../image/11.png')} alt=""/></h2>)}
         {module.name === "限时免费" && <span className={"hot"}>hot</span>}
-      </h2>
 
       {module.show_more === 1 && (
         <Link className="more" to="/classify">
@@ -67,8 +67,7 @@ const Module = function CourseList({ module, toDetail }) {
           </Link>
         )
       ) : null}
-      
-      {/* <LazyLoad offset={50}> */}
+      {module.name==="初级入门课"?(
                 <ul className="index-course-detail">
                 {module.name !== "限时免费" &&
                   !isOdd &&
@@ -119,7 +118,76 @@ const Module = function CourseList({ module, toDetail }) {
                     />
                   )
                 })}
+                <div className="vip">
+         <Link to={"/vip/newvip"}>
+             <img src="https://julyedu-img.oss-cn-beijing.aliyuncs.com/huiyuanganggaowei.png" alt=""/>
+           </Link>
+           <a href="http://q.url.cn/s/Vbkup6m?_type=wpa" className="consult" target="_blank">
+             <img className="govip" src={require('./../image/kt.png')} alt=""/>
+             </a>
+          
+             
+           </div>
               </ul>
+         
+              
+          ):(<ul className="index-course-detail">
+        {module.name !== "限时免费" &&
+          !isOdd &&
+          module.list[0].course_img !== module.list[0].course_img_small && (
+            <div
+              className="category-vip"
+              onClick={() => toDetail(module.list[0].course_id)}
+            >
+              <img src={module.list[0].course_img} alt="" />
+            </div>
+          )}
+        {filterList.map((item, index) => {
+          const top = item.is_limit_free ? null : (
+            <div>
+              {item.is_audition === true && (
+                <span className="audition">
+                  <i className={"iconfont iconerji"}></i>试听
+                </span>
+              )}
+              {item.is_aist && <span className="return_bash"></span>}
+            </div>
+          )
+
+          const bottom = <Bottom course={item} course1={module} />
+
+          const status = item.is_limit_free ? null : (
+            <div>
+              {item.is_bargain && (
+                <p className="course-status">砍价减{item.bargain_price}元</p>
+              )}
+              {item.is_groupon && (
+                <p className="course-status">拼团价{item.groupon_price}元</p>
+              )}
+            </div>
+          )
+          return (
+            <Course
+              key={index}
+              top={top}
+              data={item}
+              bottom={bottom}
+              status={status}
+              img={item.course_img_small}
+              title={item.course_title}
+              id={item.course_id}
+              toDetail={toDetail}
+              className="text-overflow-2"
+            />
+          )
+        })}
+      </ul>
+
+      )
+
+      }
+      {/* <LazyLoad offset={50}> */}
+
       {/* </LazyLoad> */}
     </div>
   )
@@ -157,7 +225,7 @@ function LimitFree({ course }) {
 function Bottom({ course,course1 }) {
   if (course.is_buy) {
     if (course.is_limit_free && course.limit_free_status === 1) {
-      return <div class={"isbuy"}>已领取</div>
+      return <div className={"isbuy"}>已领取</div>
     } else {
       return <div className={"isbuy"}>已购买</div>
     }

src/components/Index/index.js

@@ -12,7 +12,9 @@ import { Toast } from "antd-mobile"
 import { connect } from "react-redux"
 import TopSwiper from "./TopSwiper"
 // import ExpandActiveToast from './expandActiveToast'
-import AllCourseNavigation from "./all-course"
+import TeacherList from "./tercher"
+import Teaching from "./teaching"
+
 //tan框
 // import { UserGift } from "src/common"
 
@@ -35,22 +37,17 @@ class Index extends Component {
       tabdata: [
         {
           src: require("./image/freeclass_icon.png"),
-          name: "公开课",
+          name: "免费课程",
           href: "/study/free-course",
         },
         {
-          src: require("./image/jingpin_icon.png"),
-          name: "精品特惠",
-          href: "/preferential",
-        },
-        {
           src: require("./image/zjxj_icon.png"),
           name: "赚奖学金",
           href: "/scholarship",
         },
         {
           src: require("./image/mryt_icon.png"),
-          name: "每日一题",
+          name: "高频试题",
           href: "/examination",
         },
         {
@@ -155,6 +152,9 @@ class Index extends Component {
       }
     }
   }
+  govip=()=>{
+
+  }
   // 自组件传给父组件的isshow
   colseBox = (val) => {
     this.setState({ isShow: val })
@@ -223,6 +223,7 @@ class Index extends Component {
               )
             })}
           </ul>
+          
         </div>
 
         <p className="borderTop" />
@@ -237,9 +238,14 @@ class Index extends Component {
           </div>
         ) : null}
         
+
         <HomeCourseList modules={this.state.modules} />
+       <TeacherList/>
+       <p className="borderTop" />
+       <botton className="fix"><a href="http://q.url.cn/s/Vbkup6m?_type=wpa"><span>点击</span><span>咨询</span></a></botton>
+       <Teaching/>
 
-        <AllCourseNavigation />
+        {/* <AllCourseNavigation /> */}
 
         {/* 直播间预约 */}
         {this.state.islive && (

src/components/Index/index.scss

@@ -160,7 +160,7 @@
         }
 
         span {
-          color: $color_525B65;
+          color: $color_525B69;
           font-size: 14px;
           display: block;
           margin-top: 5px;
@@ -182,6 +182,196 @@
       display: inline-block;
     }
   }
+  /*
+  会员广告位
+  */
+  .vip{
+    height: 95px;
+    padding: 15px 15px 0 15px;
+    position: relative;
+    .govip{
+      position: absolute;
+      display: block;
+      width: 48px;
+      height: 46px;
+      right: 35px;
+      bottom: 13px;
+    }
+  }
+.teacher{
+  padding: 15px 15px 40px 15px;
+  .cont{
+    font-size: 18px;
+    padding: 10px 0;
+  }
+  .teabox{
+    // width: 167px;
+    .tealist{
+      display: flex;
+      height: 167px;
+      border-bottom: 1px solid #F3F4F8;
+      .pic{
+        width: 30%;
+        img{
+          margin-top: 10%;
+          width: 90%;
+          height: 80%;
+
+          border-radius: 6px;
+        }
+      }
+      .detail{
+        flex: 1;
+        .name{
+          margin-top: 10px;
+          display: flex;
+          align-items: center;
+          b{
+            font-size: 14px;
+          font-weight: 600;
+          }
+          span{
+          //  height:20px;
+          // transform:scale(0.8);
+
+            display: block;
+            background: #E2BA7E;
+            line-height: 20px;
+            padding: 0 10px;
+            color: #fff;
+            margin-left: 3px;
+            border-radius: 3px;
+          }
+        }
+      }
+      .desc{
+        margin-top: 8px;
+        color: $color_999;
+      }
+    }
+
+  }
+  .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;
+
+}
+  }
+}
+.scroll-box2 {
+  padding: 20px 15px 60px 15px;
+  width: 100%;
+  overflow: auto;
+  position: relative;
+  margin-top: 15px;
+
+  .scroll-list {
+    height: 207px;
+    margin: 5px 0;
+    display: flex;
+    overflow: hidden;
+    position: absolute;
+    padding: 5px;
+
+    .scroll-item {
+      display: inline-block;
+      width: 153px;
+      height: 100%;
+      margin-right: 20px;
+      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
+      background-color: $bg_fff;
+      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){
+      background-image: url('https://julyedu-img.oss-cn-beijing.aliyuncs.com/sanbaiduomingai.png');
+      background-size:cover;
+    }
+    li:nth-child(2){
+      background-image: url('https://julyedu-img.oss-cn-beijing.aliyuncs.com/sanbaiduowanaixueyuan.png');
+      background-size:cover;
+      div{
+        p:nth-of-type(1){
+          display: flex;
+            justify-content: space-between;
+          
+        }
+        h2:nth-of-type(2){
+          margin-top: 20px;
+          
+        }
+        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;
+      }
+    }
+    
+    
+  }
+}
+
+::-webkit-scrollbar {
+  display: none;
+}
+
+/*
+横向滚动
+*/
+.scroll-box2 {
+  height: 307px;
+}
+
+
+
 
   .scroll-box {
     width: 100%;
@@ -646,6 +836,7 @@
   //  //.is-visible {
   //  //  background-image: none;
   //  //}
+
 }
 
 .borderTop {
@@ -657,3 +848,30 @@
 .index-box ~ .year19-index {
   display: none;
 }
+.bq{
+  display: flex;
+  justify-content: center;
+  padding: 10px 0;
+.hot2{
+  width:187px;
+}
+}
+.fix{
+  position: fixed;
+  top: 70%;
+    right: 10px;
+    z-index: 9999;
+  width: 60px;
+  height: 60px;
+  background: #0099FF;
+  box-shadow: -3px 3px 13px 0px rgba(136, 205, 250, 0.64);
+  border-radius: 50%;
+  font-size: 16px;
+color: #F3F4F8;
+padding-top: 5px;
+span{
+  display: block;
+  text-align: center;
+}
+}
+

src/components/Index/teaching/index.js

+import React, { Component } from "react"
+import "./../index.scss"
+import { http } from "src/utils"
+import { Link } from "react-router-dom"
+import { Toast } from "antd-mobile"
+
+class Teaching extends Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      data:[],
+    }
+  }
+
+  componentDidMount() {
+    http.get(`${API.home}/m/mobTeachers`).then((res) => {
+      if (res.data.code === 200) {
+        this.setState({
+          data:res.data.data
+        });
+        console.log(this.state.data)
+      } else {
+        Toast.info(res.data.msg, 2)
+      }
+    })
+  }
+
+
+  render() {
+    return (
+        <div className="scroll-box2">
+          <ul className="scroll-list">
+            <li className="scroll-item">
+              <div>
+              <h2>内容覆盖</h2>
+              <p>本科4年</p>
+              <p>研究生3年</p>
+              <p>传统IT转型AI</p>
+              <p>在职提升</p>
+              </div>
+            </li>
+            <li className="scroll-item">
+              <div>
+              <h2>40%学生</h2>
+              <p><span>大专</span>
+              <span>本科</span>
+              <span>硕士</span>
+              <span>博士</span></p>
+              <h2>60%在职</h2>
+              <p><span>BAT</span><span>美团</span></p>
+              <p>华为等大中小公司职员</p>
+              </div>
+            </li>
+            <li className="scroll-item">
+              <div>
+              <h2>完整教学服务 教学测练评</h2>
+              <p><span>入学测评</span><span>直播答疑</span></p>
+              <p><span>布置作业</span><span>阶段考试</span></p>
+              <p><span>毕业考核</span><span>一对一批改</span></p>
+              </div>
+            </li>
+            <li  className="scroll-item">
+              <div>
+              <h2>强大的就业服务</h2>
+              <p>简历/面试辅导</p>
+              <p>1V1内推大厂</p>
+              <p>大部分就业班三个月内就 业率实现100%，平均年薪近40万</p>
+              </div>
+            </li>
+            <li className="scroll-item">
+              <div>
+                <h2>CPU和GPU双云实验平台</h2>
+              <p>底层封装Tensorflow、Pytorch、Keras等库</p>
+              <p>真枪实战，拒绝纸上谈兵</p>
+              </div>
+              
+            </li>
+          </ul>
+        </div>
+    
+    )
+  }
+}
+
+export default Teaching
+
+
+

src/components/Index/tercher/index.js

+import React, { Component } from "react"
+import "./../index.scss"
+import { http } from "src/utils"
+import { Link } from "react-router-dom"
+import { Toast } from "antd-mobile"
+
+class TeacherList extends Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      data:[],
+    }
+  }
+
+  componentDidMount() {
+    http.get(`${API.home}/m/mobTeachers`).then((res) => {
+      if (res.data.code === 200) {
+        this.setState({
+          data:res.data.data
+        });
+        console.log(this.state.data)
+      } else {
+        Toast.info(res.data.msg, 2)
+      }
+    })
+  }
+
+
+  render() {
+    return (
+      <div className="teacher">
+      <p className="cont">超强师资内容</p>
+      <div className="teabox">
+      {this.state.data.map((item, i) => {
+        return <div key={i} className="tealist">
+          <div className="pic">
+            <img src={item.thumb_img} alt=""/>
+          </div>
+          <div className="detail">
+            <h2 className="name"><b>{item.teacher_name}</b><span className="title">{item.title}</span></h2>
+            <p className="desc">{item.desc}</p>
+          </div>
+        </div>
+    })}
+      </div>
+      <div className="consult">
+            <a href="http://q.url.cn/s/Vbkup6m?_type=wpa">咨询更多师资信息</a>
+          </div>
+    </div>
+    )
+  }
+}
+
+export default TeacherList
+
+
+