<template>
  <div v-if="formConfig.currentItem.componentCode == 'title'">
    <a-form-item label="字体颜色:" class="form-row">
      <color-picker size="default" :show-alpha="true" v-model:value="formConfig.currentItem.formItemContent.fontColor" />
    </a-form-item>
    <a-form-item label="字体大小:">
      <a-input v-model:value="formConfig.currentItem.formItemContent.fontSize" placeholder="请输入字体大小" />
    </a-form-item>
    <a-form-item label="字体粗细:">
      <a-input v-model:value="formConfig.currentItem.formItemContent.fontWeight" placeholder="请输入字体粗细" />
    </a-form-item>
    <a-form-item label="文字方向:">
      <a-select v-model:value="formConfig.currentItem.formItemContent.textAlign" placeholder="请选择字典取值" style="width: 100%">
        <a-select-option value="left">左</a-select-option>
        <a-select-option value="center">中</a-select-option>
        <a-select-option value="right">右</a-select-option>
      </a-select>
    </a-form-item>
    <a-form-item label="线的粗细:">
      <a-input v-model:value="formConfig.currentItem.formItemContent.lineHeight" placeholder="请输入线的粗细" />
    </a-form-item>
    <a-form-item label="线的颜色:" class="form-row">
      <color-picker size="default" :show-alpha="true" v-model:value="formConfig.currentItem.formItemContent.lineColor" />
    </a-form-item>
  </div>
</template>

<script setup name="TitleAttr">
import { inject } from 'vue';

const formConfig = inject('formConfig');
</script>

<style></style>
