Qr 二维码

纯UTS编写二维码组件,canvas绘制,非webview,无需引用原生依赖 无需安装自定义基座

支持平台

安卓	ios	web	微信小程序	支付宝小程序	QQ小程序
√	√	√	x	x	x

示例

<template>
	<t-page title="二维码">
		<t-card class="tdr-tdb-m.30" title="Qrcode 二维码"
			sub-title="纯UTS编写二维码组件,canvas绘制,非webview,无需引用原生依赖 无需安装自定义基座"></t-card>
		<t-section class="tdr-tdb-mlrb.30" title="基础功能+主题展示"></t-section>
		<t-row class="tdr-tdb-mlrb.30-plrt.30-fc">
			<t-col class="fc-dx">
				<t-qr class="w.300-h.300-mbr.20" type='p'>欢迎使用Tui</t-qr>
			</t-col>
			<t-col class="fc-dx">
				<t-qr class="twh.300-mbr.20" type='s'>欢迎使用Tui</t-qr>
			</t-col>
		</t-row>
		<t-section class="tdr-tdb-mlrb.30" title="圆点模式"></t-section>
		<t-row class="tdr-tdb-mlrb.30-plrt.30-fc">
			<t-col class="fc-dx">
				<t-qr class="w.300-h.300-mbr.20" type='p' mode="2">欢迎使用Tui</t-qr>
			</t-col>
			<t-col class="fc-dx">
				<t-qr class="twh.300-mbr.20" mode="2">欢迎使用Tui</t-qr>
			</t-col>
		</t-row>
		<t-section class="tdr-tdb-mlrb.30" title="云函数生成二维码(后端)"></t-section>
		<t-image class="twh.300-mlr.30"
			src='https://tool.yundie.xyz/api/getqr?text=%E6%AC%A2%E8%BF%8E%E4%BD%BF%E7%94%A8Tui'></t-image>
	</t-page>
</template>

Props

名称	描述	类型	默认值
mode	二维码模式	String	1方块模式，2圆点模式

Events

事件名	描述	回调参数
-	-	-

Slots

名称	描述
-	-

Methods

方法名	描述	参数
-	-	-