feat：新增讨论页面 讨论详情页面

src/views/debate/DebatePage.vue

@@ -384,8 +384,7 @@ export default {
     line-height: 24px;
     height: 24px;
     font-weight: 600;
-    color: #fff;
+    color: #ffffff;
-    margin-left: -10px;
   }
 
   .detailinfo {

src/views/examination/ExamPage.vue

@@ -57,7 +57,7 @@
         <!-- 考试测试的盒子 -->
 
         <!-- 开始考试按钮 -->
-        <button class="starttest">开始考试</button>
+        <button class="starttest" style="cursor: pointer">开始考试</button>
         <!-- 开始考试按钮 -->
         <div class="righttitleE">
           <img width="20px" height="20px" src="../../assets/image/yuan.png" />

src/views/faceteach/FaceTeach.vue

@@ -133,15 +133,13 @@
           }"
         >
           <img class="peopleimg" :src="el.peopleimg" />
-          <div style="margin-left: 17px">
+          <div style="margin-left: 17px; width: 190px">
-            <div class="teacherName">
+            <div class="teacherName" style="margin-right: 5px">
-              <div style="margin-right: 5px">{{ el.name }}</div>
+              {{ el.name }}
-              <div v-for="(item, key) in el.medal" :key="key">
-                <img class="teacherMedal" :src="item" />
-              </div>
             </div>
             <div class="introduce">{{ el.introduce }}</div>
           </div>
+          <div class="follow">+ 关注</div>
         </div>
       </div>
     </div>
@@ -417,6 +415,7 @@ export default {
         // min-height: 115px;
         padding: 25px 0px;
         display: flex;
+        position: relative;
         // align-items: center;
       }
       .teacheritem .peopleimg {
@@ -430,22 +429,29 @@ export default {
         color: #394145;
         display: flex;
         align-items: center;
-        width: 260px;
-      }
-      .teacheritem .teacherName .teacherMedal {
-        width: 17px;
-        height: 19px;
-        margin-right: 4px;
-        display: flex;
-        align-items: center;
       }
       .teacheritem .introduce {
-        width: 260px;
         font-size: 14px;
         font-weight: 500;
         color: #394145;
         margin-top: 14px;
+      }
+      .teacheritem .follow {
+        width: 80px;
+        height: 30px;
+        background: #387df7;
+        border-radius: 4px;
+        margin-top: 28px;
+        position: absolute;
+        right: -25px;
+        font-size: 14px;
+        font-weight: 500;
+        color: #ffffff;
         line-height: 24px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
       }
     }
   }

src/views/liveBroadcast/LiveBroadcast.vue

@@ -125,15 +125,13 @@
             }"
           >
             <img class="peopleimg" :src="el.peopleimg" />
-            <div style="margin-left: 17px">
+            <div style="margin-left: 17px; width: 190px">
-              <div class="teacherName">
+              <div class="teacherName" style="margin-right: 5px">
-                <div style="margin-right: 5px">{{ el.name }}</div>
+                {{ el.name }}
-                <div v-for="(item, key) in el.medal" :key="key">
-                  <img class="teacherMedal" :src="item" />
-                </div>
               </div>
               <div class="introduce">{{ el.introduce }}</div>
             </div>
+            <div class="follow">+ 关注</div>
           </div>
         </div>
       </div>
@@ -153,23 +151,15 @@ export default {
         {
           id: 1,
           name: "王星天（显示事业）",
-          introduce: "教师是学生的镜子,学生是老师的影子。",
+          introduce:
+            "教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。",
           peopleimg: require("../../assets/image/img.jpg"),
-          medal: [
-            require("../../assets/image/medal/medal1.png"),
-            require("../../assets/image/medal/medal2.png"),
-            require("../../assets/image/medal/medal3.png"),
-          ],
         },
         {
           id: 2,
           name: "王星天（显示事业）",
           introduce: "教师是学生的镜子,学生是老师的影子。",
           peopleimg: require("../../assets/image/img.jpg"),
-          medal: [
-            require("../../assets/image/medal/medal1.png"),
-            require("../../assets/image/medal/medal2.png"),
-          ],
         },
       ],
     });
@@ -509,12 +499,14 @@ export default {
       // min-height: 115px;
       padding: 25px 0px;
       display: flex;
-      align-items: center;
+      // align-items: center;
+      position: relative;
     }
     .teacheritem .peopleimg {
       width: 60px;
       height: 60px;
       border-radius: 30px;
+      margin-top: 2px;
     }
     .teacheritem .teacherName {
       font-size: 14px;
@@ -522,22 +514,30 @@ export default {
       color: #394145;
       display: flex;
       align-items: center;
-      width: 260px;
-    }
-    .teacheritem .teacherName .teacherMedal {
-      width: 17px;
-      height: 19px;
-      margin-right: 4px;
-      display: flex;
-      align-items: center;
     }
     .teacheritem .introduce {
-      width: 260px;
       font-size: 14px;
       font-weight: 500;
       color: #394145;
       margin-top: 14px;
     }
+    .teacheritem .follow {
+      width: 80px;
+      height: 30px;
+      background: #387df7;
+      border-radius: 4px;
+      margin-top: 28px;
+      position: absolute;
+      right: -25px;
+      font-size: 14px;
+      font-weight: 500;
+      color: #ffffff;
+      line-height: 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+    }
   }
 }
 </style>

src/views/starttest/StartTest.vue

@@ -273,6 +273,7 @@ export default {
         left: 50%;
         top: 900px;
         transform: translate(-50%, 0);
+        cursor: pointer;
       }
     }