web-website/src/layout/svstem/chanpin.vue

<template>
  <div id="chanpin">
    <el-col :span="24" class="leftTop"> <span class="spanOne"> </span> 相似产品<span class="spanTwo"></span> </el-col>

    <el-col :span="24" class="leftContent">
      {{ context }}
    </el-col>
  </div>
</template>

<script>
export default {
  name: 'chanpin',
  props: {},
  components: {},
  data: () => ({
    context: '没有找到相似产品',
  }),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
.leftTop {
  width: 204px;
  height: 52px;
  line-height: 52px;
  color: #555;
  margin-left: 18px;
}

.spanOne {
  width: 60px;
  height: 1px;
  display: block;
  margin: 25px 10px 0 0;
  background: #c2c2c2;
  float: left;
}
.spanTwo {
  width: 60px;
  height: 1px;
  display: block;
  margin: -25px 0 0 10px;
  background: #c2c2c2;
  float: right;
}
.leftContent {
  width: 204px;
  margin-left: 18px;
  color: #a3a3a3;
}
</style>