vol-grid 宫格
参数属性
| 属性 | 说明 | 类型 | 默认 |
|---|---|---|---|
| data | 数据，每项 { title, value, unit } | Array | [] |
| col | 列数 | Number | 3 |
| align | 文字对齐：left、center | String | left |
| background | 背景色 | String | #fff |
事件：@click，参数为当前项。
<template>
<vol-grid :data="gridData" align="center" :col="4"></vol-grid>
<vol-grid :data="gridData" align="left" :col="2"></vol-grid>
<vol-grid :data="gridData" align="center" :col="4" background="#eee"></vol-grid>
</template>
<script setup>
import { ref } from 'vue'
const gridData = ref([
{ title: '原料检验', value: 2000 },
{ title: '外观检查', value: 1500 },
{ title: '功能测试', value: 2600 },
{ title: '耐久性测试', value: 1800 }
])
</script>