介绍
本文档主要用于描述 ShadcnQrCode 组件的特性和用法。
用法
查看代码
vue
<template>
<ShadcnQrCode v-model="value" />
</template>尺寸 (size)
查看代码
vue
<template>
<ShadcnQrCode v-model="value" :size="177" />
</template>填充 (padding)
查看代码
vue
<template>
<ShadcnQrCode v-model="value" :padding="86" />
</template>边距 (margin)
查看代码
vue
<template>
<ShadcnQrCode v-model="value" :margin="79" />
</template>等级 (level)
查看代码
vue
<template>
<ShadcnQrCode v-model="value" level="L" />
<ShadcnQrCode v-model="value" level="M" />
<ShadcnQrCode v-model="value" level="Q" />
<ShadcnQrCode v-model="value" level="H" />
</template>背景 (background)
查看代码
vue
<template>
<ShadcnQrCode v-model="value" background="#adaaff" />
</template>前景 (foreground)
查看代码
vue
<template>
<ShadcnQrCode v-model="value" foreground="#450827" />
</template>圆角 (rounded)
查看代码
vue
<template>
<ShadcnQrCode v-model="value" rounded="false" />
</template>