admin_home/src/views/news/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;
  margin-top: 20px;

  .tableFloatLine {
    width: 3px;
    height: 16px;
    background: #5570F1;
    display: block;
    position: absolute;
    left: -20px;
    top: 1px;
  }
}
</style>