admin_home/src/views/advertise/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 {
    height: 38px;
    line-height: 38px;
    color:#333333;
    position: relative;
    margin-bottom: 30px;
    .tableFloatLine {
      // display: inline-block;
      width: 3px;
      height:16px;
      background:#5570F1;
      display: block;
      position: absolute;
      left:-20px;
      top:10px;
      // vertical-align: middle;
    }
  }
</style>