去除背景图

TEAMModelOS.SmartClass/ClientApp/view/smart-class/LessonList.vue

@@ -8,9 +8,18 @@
     <div class="activities">
       <div class="activity" v-for="(item,index) in lessons" @click="handleLessonClick(item.rowKey)">
         <div>
-          <div class="img-box"><span class="state" style="background: rgb(130, 147, 166); visibility: visible;">{{item.activityStatusTip}}</span> <img :src="getThumb(item.rowKey)" alt=""></div>
+          <div class="img-box">
+          <span class="state" style="background: rgb(130, 147, 166); visibility: visible;">{{item.activityStatusTip}}</span>
+          <!--<img :src="getThumb(item.rowKey)" alt="">-->
+            <div class="lesson-image">
+              <p style="font-size:24px">高新区智慧课堂优秀课例</p>
+              <p style="font-size:16px;margin:5px 0">六年级</p>
+              <p style="font-size:28px;">《 速度与激情 》</p>
+              <p style="font-size:16px;margin-top:8px;">高新区益民学校 钟源教师 执教</p>
+              <p style="font-size:16px;margin-top:8px;">授课平台：网奕HiTeach</p>
+            </div>
+          </div>
           <div class="infos">
-            <p></p>
               <p>名称：{{item.mainActivityName}}</p>
               <p>学校：{{item.schoolName}}</p>
               <p>主讲：{{item.speaker}}</p>
@@ -50,16 +59,6 @@
         this.typeName = name;
         this.getList(typeId);
       },
-      getThumb(type) {
-        let thumb = {
-          "0": require("../../assets/image/lessonCover.png"),
-          "1": require("../../assets/image/lessonCover2.png"),
-          "2": require("../../assets/image/lessonCover3.png"),
-         };
-         return thumb[type];
-        },
-
-
       handleLessonClick(rowKey) {
         sessionStorage.setItem('_lesson_rowKey', rowKey);
         this.$router.push('lessonDetails')
@@ -119,9 +118,19 @@
 }
 
 .img-box {
+    background:#13ce66;
     height: 210px
 }
 
+  .img-box .lesson-image {
+    display:flex;
+    flex-direction:column;
+    justify-content:center;
+    align-items:center;
+    color:#fff;
+    font-weight:bold;
+  }
+
 .img-box .state {
     padding: 5px 8px;
     line-height: 20px;
@@ -177,4 +186,5 @@
 }
 
 
+
 </style>