pc_shop_site/components/PcTitle.vue

<template>
  <section >
    <h1 :style="{ 'marginTop':marginTop+ 'px'}">
      {{title}}
    </h1>
    <span class="decoration"></span>
  </section>
</template>

<script>
export default {
  props: {
    title: String,
    marginTop: {
      type: Number,
    },
  },
  
};
</script>

<style lang="scss" scoped>
section{
  text-align: center;
}
h1{
  font-size: 35px;
  font-weight: bold;
}
.decoration{
  margin: 14px 0 20px 0;
  display: inline-block;
  width: 100px;
  height: 4px;
  background-color: #E90000;
}
</style>