<template>
  <view class="title-com">
    <view v-if="isShowLine" class="line"> </view>
    <view class="title"> {{ title }}</view>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const props = defineProps(['title', 'isShowLine']);
</script>
<style scoped lang="scss">
.title-com {
  background-color: #fff;
  display: flex;
  align-items: center;
  .line {
    width: 5px;
    height: 20px;
    background-color: #615dff;
    border-radius: 5px;
    margin-right: 15px;
  }
  .title {
    font-weight: 700;
  }
  margin: 10px 0 15px;
}
</style>
