图片与样式等

src/components/course/common-img-title.vue

+<template>
+  <div class="common-img-title">
+    <img v-show="imgType == 1" src="../../images/course/icon-title-gj.png" alt="">
+    <img v-show="imgType == 2" src="../../images/course/icon-title-zj.png" alt="">
+    <span >{{title}}</span>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "高级职称"
+    },
+    imgType: {
+      type: String | Number,
+      default: 1,
+    }
+  },
+}
+</script>
+<style lang="less" scoped>
+.common-img-title {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 48px;
+  border-bottom: 1px solid #F0F1F2;
+  margin-bottom: 10px;
+  // padding: 0 15px;
+  & > img {
+    width: 20px;
+    height: 20px;
+  }
+  & > span {
+    margin-left: 4px;
+    font-size: 16px;
+    font-weight: 700;
+    color: #373839;
+  }
+}
+</style>