板块标题

板块标题组件, svg 绘制 总结了一些大屏内部小板块之间的标题

公共设置

参数	说明	类型	是否必要	默认值
color	颜色,可设置颜色关键字、十六进制色、RGB 及 RGBA	String[]	false	-
title	标题文字	String	true	-

moduleTitle1

独有设置

参数	说明	类型	是否必要	默认值
btnList	右侧按钮列表	{ label:String, value: String }[]	false	-

插槽

参数	说明	是否必要	默认值
icon	左侧图标	true	-

示例:

代码:

<template>
  <module-title-1 title="全年数据统计分析" :btnList="btnList">
    <template #icon>
      <!-- 左侧图标   -->
    </template>
  </module-title-1>
</template>
<script setup>
import { ref } from "vue";
const btnList = ref([
    {
      'label': '本月',
      'value': '1'
    },
    {
      'label': '近三月',
      'value': '2'
    },
    {
      'label': '近半年',
      'value': '3'
    }
  ]);
</script>

<template>
  <module-title-1 title="全年数据统计分析" :btnList="btnList">
    <template #icon>
      <!-- 左侧图标   -->
    </template>
  </module-title-1>
</template>
<script>
export default {
  data() {
    btnList: [
      {
        'label': '本月',
        'value': '1'
      },
      {
        'label': '近三月',
        'value': '2'
      },
      {
        'label': '近半年',
        'value': '3'
      }
    ]
  }
}
</script>