admin_home/src/views/job/components/tableTitle.vue

<template>
  <div class="tableTitle">
    <span class="tableFloatLine"></span>
    {{name}}
  </div>
</template>

<script>
export default {
  props: {
    name: {
      type: String,
      required: true,
    },
  },
  data() {
    return {
      someData: '',
    };
  },
};
</script>

<style scoped lang="less">
  .tableTitle {
    color:#333333;
    position: relative;
    padding-bottom: 20px;
    .tableFloatLine {
      width: 3px;
      height:16px;
      background:#5570F1;
      display: block;
      position: absolute;
      left:-20px;
      top:1px;
    }
  }
</style>