TImageCheck / 图片选择
ImageCheck provides image-based selection (radio/checkbox style). Supports grid layout, aspect ratio control, and avatar mode. / 图片选择组件以图片卡片形式提供单选或多选,支持网格布局、比例控制和头像模式。
Props / 属性
| Prop | Type / 类型 | Default / 默认值 | Description / 说明 |
|---|---|---|---|
multiple | boolean | false | Multi-select (checkbox) |
cols | number (1-6) | — | Columns per row |
aspectRatio | string | '1 / 1' | Image aspect ratio |
options | ImageCheckOption[] | — | Option list |
Basic Usage / 基础用法
vue
<script setup lang="ts">
import { TImageCheck } from '@gulcc/tabler-vue'
const selected = ref('opt1')
</script>
<template>
<TImageCheck v-model="selected" :cols="3" />
</template>