<!--
 * @Author: 曹文丽 caowenli@yuan-info.com
 * @Date: 2023-09-13 15:27:10
 * @LastEditors: 曹文丽 caowenli@yuan-info.com
 * @LastEditTime: 2023-09-18 20:23:34
 * @FilePath: \yuan-asset-module-browser\src\views\collection\components\yaDetailBlock.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="yaRow">
    <div class="ya-title">{{ title }}</div>
    <yaTabulation  v-if="column" :column="column"></yaTabulation>
    <template v-else>
      <slot name="content">
      </slot>
    </template>
  </div>
</template>
<script setup lang="ts">
import {defineProps, } from "vue";
import yaTabulation from './yaTabulation.vue'
import { ElRow, ElCol } from 'element-plus'
const { title, column } = defineProps([
  "title",
  "column",
]);
</script>
<style lang="scss" scoped>
.ya-title {
  font-weight: 600;
  color: var(--el-overlay-color);
  line-height: 20px;
  margin-top: 24px;
  position: relative;
  padding-left: 8px;
  margin-bottom: 12px;

  &::before {
    content: '';
    display: block;
    width: 3px;
    height: 14px;
    background: var(--el-color-primary);
    position: absolute;
    left: 0;
    top: 3px;
  }
}
</style>