QRCode 二维码

生成二维码，带加载、已扫描、过期刷新状态；QRCard 是可下载的分享卡片。

邀请同事加入7 天内有效

基于 qrcode 计算矩阵，自己画 SVG。useCountdown(seconds) 做过期倒计时；QRSharePanel 是复制链接 + 二维码的分享面板。

安装

pnpm dlx shadcn@latest add https://docs.linasan.cn/r/qr-code.json

第一次装本站的组件前先在项目里执行一次 shadcn init，详见安装。

import { QRCode } from '@/components/qrcode/qr-code';

<QRCode value={loginUrl} status={status} onRefresh={refresh} label="扫码登录" />

pnpm dlx shadcn@latest add https://docs.linasan.cn/r/qr-share.json

第一次装本站的组件前先在项目里执行一次 shadcn init，详见安装。

属性

类型

ResourcePicker 资源选择

从资源库（文件服务）里挑图片、文档、视频：目录、收藏、搜索、网格和列表视图。

Watermark 水印

在一块区域上平铺文字水印。