no message

build/asset-manifest.json

@@ -88,9 +88,9 @@
     "intelligent-recommend.css": "/mrstaticcss/intelligent-recommend.19b3a957.chunk.css",
     "intelligent-recommend.js": "/mrstaticjs/intelligent-recommend.516dee6a.chunk.js",
     "intelligent-recommend.js.map": "/mrstaticjs/intelligent-recommend.516dee6a.chunk.js.map",
-    "main.css": "/mrstaticcss/main.a1acb4d0.chunk.css",
-    "main.js": "/mrstaticjs/main.a75be06f.chunk.js",
-    "main.js.map": "/mrstaticjs/main.a75be06f.chunk.js.map",
+    "main.css": "/mrstaticcss/main.a6a71d70.chunk.css",
+    "main.js": "/mrstaticjs/main.a0e2c4e5.chunk.js",
+    "main.js.map": "/mrstaticjs/main.a0e2c4e5.chunk.js.map",
     "ml.css": "/mrstaticcss/ml.15e06c2d.chunk.css",
     "ml.js": "/mrstaticjs/ml.77e15191.chunk.js",
     "ml.js.map": "/mrstaticjs/ml.77e15191.chunk.js.map",
@@ -248,7 +248,7 @@
     "mrstaticcss/deposit-pay-order.b5ee5089.chunk.css.map": "/mrstaticcss/deposit-pay-order.b5ee5089.chunk.css.map",
     "mrstaticcss/detail.13b70f46.chunk.css.map": "/mrstaticcss/detail.13b70f46.chunk.css.map",
     "mrstaticcss/intelligent-recommend.19b3a957.chunk.css.map": "/mrstaticcss/intelligent-recommend.19b3a957.chunk.css.map",
-    "mrstaticcss/main.a1acb4d0.chunk.css.map": "/mrstaticcss/main.a1acb4d0.chunk.css.map",
+    "mrstaticcss/main.a6a71d70.chunk.css.map": "/mrstaticcss/main.a6a71d70.chunk.css.map",
     "mrstaticcss/ml.15e06c2d.chunk.css.map": "/mrstaticcss/ml.15e06c2d.chunk.css.map",
     "mrstaticcss/mlShare.0f4048d9.chunk.css.map": "/mrstaticcss/mlShare.0f4048d9.chunk.css.map",
     "mrstaticcss/myorders.ecece78a.chunk.css.map": "/mrstaticcss/myorders.ecece78a.chunk.css.map",
@@ -274,14 +274,14 @@
     "mrstaticmedia/iconfont.css": "/mrstaticmedia/iconfont.fa64fbc4.ttf",
     "mrstaticmedia/kanjia_cg_icon.png": "/mrstaticmedia/kanjia_cg_icon.81a489ac.png",
     "mrstaticmedia/video.scss": "/mrstaticmedia/progress-share-bg.80011994.png",
-    "precache-manifest.793c1820b32b26a18b7fedd6f42b5ee7.js": "/precache-manifest.793c1820b32b26a18b7fedd6f42b5ee7.js",
+    "precache-manifest.91587472368e917b534f9f0aa743fb3e.js": "/precache-manifest.91587472368e917b534f9f0aa743fb3e.js",
     "service-worker.js": "/service-worker.js"
   },
   "entrypoints": [
     "mrstaticjs/runtime-main.4033c3a9.js",
     "mrstaticcss/51.93a9580a.chunk.css",
     "mrstaticjs/51.3594b5c0.chunk.js",
-    "mrstaticcss/main.a1acb4d0.chunk.css",
-    "mrstaticjs/main.a75be06f.chunk.js"
+    "mrstaticcss/main.a6a71d70.chunk.css",
+    "mrstaticjs/main.a0e2c4e5.chunk.js"
   ]
 }
\ No newline at end of file

build/precache-manifest.793c1820b32b26a18b7fedd6f42b5ee7.js → build/precache-manifest.91587472368e917b534f9f0aa743fb3e.js

 self.__precacheManifest = (self.__precacheManifest || []).concat([
   {
-    "revision": "9c37c2dc7065fce75e34fdc2f035445a",
+    "revision": "a681f6adb3a062da23167f5e5c5c567e",
     "url": "/index.html"
   },
   {
@@ -180,8 +180,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/mrstaticcss/intelligent-recommend.19b3a957.chunk.css"
   },
   {
-    "revision": "f2136d4f1b699640955d",
-    "url": "/mrstaticcss/main.a1acb4d0.chunk.css"
+    "revision": "81f77847abc2ab255e73",
+    "url": "/mrstaticcss/main.a6a71d70.chunk.css"
   },
   {
     "revision": "24af764d30d8f8576567",
@@ -476,8 +476,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/mrstaticjs/intelligent-recommend.516dee6a.chunk.js"
   },
   {
-    "revision": "f2136d4f1b699640955d",
-    "url": "/mrstaticjs/main.a75be06f.chunk.js"
+    "revision": "81f77847abc2ab255e73",
+    "url": "/mrstaticjs/main.a0e2c4e5.chunk.js"
   },
   {
     "revision": "24af764d30d8f8576567",

build/service-worker.js

@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
 
 importScripts(
-  "/precache-manifest.793c1820b32b26a18b7fedd6f42b5ee7.js"
+  "/precache-manifest.91587472368e917b534f9f0aa743fb3e.js"
 );
 
 self.addEventListener('message', (event) => {

src/components/Index/index.scss

@@ -257,22 +257,23 @@
         color: $color_999;
        
       }
-      &:hover {
-        // height:200px;
-        height: auto;
-        .desc{
-          height: auto !important;
-          // word-break: break-all;
-        text-overflow: 	clip;
-        overflow: visible;
-        display: 	inline-block;
-        // margin-bottom: 8px;
-        }
-      }
+     
     }
 
 
   }
+  .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;
+    }
+  }
   .consult{
 height: 41px;
 display: flex;
@@ -382,7 +383,7 @@ align-items: center;
         background-image: url('https://julyedu-img.oss-cn-beijing.aliyuncs.com/shuangyunbalabala.png');
         background-size:cover;
         p:nth-of-type(2){
-          margin-top: 10px;
+          // margin-top: 10px;
         }
       }
       

src/components/Index/tercher/index.js

@@ -9,9 +9,22 @@ class TeacherList extends Component {
     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() {
     
@@ -28,12 +41,17 @@ class TeacherList extends Component {
 
 
   render() {
+    const { active,liClass1,isToggleOn } = this.state;
     return (
       <div className="teacher">
       <p className="cont">超强师资团队</p>
       <div className="teabox">
       {this.state.data.map((item, i) => {
-        return <div key={i} className="tealist">
+        const liClass = active === i && isToggleOn? 'active1' : '';
+        // const liClass1 = isToggleOn ? 'active1' : '';
+        return <div key={i} className={`tealist ${liClass}`} onClick={() => {
+          this.bgChange(i);
+      }}>
           <div className="pic">
             <img src={item.thumb_img} alt=""/>
           </div>