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