班主任选中样式

src/views/permission/components/mx-teacher-info.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-card shadow="hover">
+  <el-card shadow="hover" class="relative">
     <div class="fx-row fx-bet-cen">
       <div class="fx-column fx-cen-cen">
         <el-image :src="avatar||defaultAvatar" class="icon80 rd40 mb10"></el-image>
@@ -11,6 +11,10 @@
         <div v-if="classes" class="light f13 f-999 mt5" style="word-break: break-all">{{ classes }}</div>
       </div>
     </div>
+    <div class="icon-wrap">
+      <i class="el-icon-success active" v-if="selected"></i>
+      <i class="el-icon-success" v-else></i>
+    </div>
   </el-card>
 </template>
 
@@ -18,6 +22,10 @@
 export default {
   name: 'mx-teacher-info',
   props: {
+    selected: {
+      type: Boolean,
+      default: false
+    },
     avatar: {
       type: String,
       default: ''
@@ -48,5 +56,13 @@ export default {
 </script>
 
 <style scoped>
-
+.icon-wrap{
+  position: absolute;
+  right: 8px;
+  cursor: pointer;
+  top: 8px;
+}
+.active{
+  color: #42b983;
+}
 </style>