<template>
  <div class="info-title">
    <div class="title-rectangle"></div>
    <span class="title-text">{{ titleName }}</span>
  </div>
</template>

<script>
export default {
  props: ["titleName"],
  name: "InfoTitle",
};
</script>

<style lang='less' scoped>
.info-title {
  display: flex;
  justify-content: flex-start;
   //標題前的藍色方塊
  .title-rectangle {
    width: 5px;
    height: 14px;
    background-color: #1cc0f3;
    margin: 14px 0px;
    position: relative;
  }
  .title-text {
    left: 10px;
    top: 10px;
    position: relative;
  }
}
</style>