From 0396d398bea811f5650d04ce5b55a232b4f58b98 Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Thu, 27 Mar 2025 17:07:52 +0800 Subject: [PATCH] 移除 link-rules --- _cursor.ai/plugins.doc/qrcode.doc/CQRCode.doc.md | 95 +++++++++++++++++++++++++++++------------------ 1 files changed, 59 insertions(+), 36 deletions(-) diff --git a/_cursor.ai/plugins.doc/qrcode.doc/CQRCode.doc.md b/_cursor.ai/plugins.doc/qrcode.doc/CQRCode.doc.md index 888b452..2ba3a34 100644 --- a/_cursor.ai/plugins.doc/qrcode.doc/CQRCode.doc.md +++ b/_cursor.ai/plugins.doc/qrcode.doc/CQRCode.doc.md @@ -1,53 +1,76 @@ -# 二维码组件 +# CQRCode 二维码组件 -## 组件名称 +## 功能说明 -`CQRCode` - 用于生成和展示二维码的组件 +该组件用于在页面中生成二维码,支持在H5环境下保存二维码图片到本地,界面简洁直观。 -## 组件说明 +## 引用方式 -该组件用于在页面中生成二维码,支持在H5环境下保存二维码图片。 - -## 使用方法 - -```html -<CQRCode - content="https://example.com" - :size="200" - :margin="2" - :downloadable="true" -/> +```js +import { CQRCode } from '@components/plugins/qrcode'; ``` -## 属性说明 +## 组件参数 -| 属性名 | 类型 | 默认值 | 说明 | -| ------------ | ------- | --------------------- | ------------------------- | -| content | String | 'http://www.aisim.cn' | 二维码内容,通常为URL地址 | -| size | Number | 200 | 二维码尺寸,单位为像素 | -| margin | Number | 2 | 二维码边距大小 | -| downloadable | Boolean | false | 是否显示"保存到手机"按钮 | +- `content` (String,默认值:'http://www.aisim.cn'):二维码内容,通常为URL地址 +- `size` (Number,默认值:200):二维码尺寸,单位为像素 +- `margin` (Number,默认值:2):二维码边距大小 +- `downloadable` (Boolean,默认值:false):是否显示"保存到手机"按钮 -## 方法说明 +## 实例方法 -组件无对外暴露的方法 +组件没有对外暴露的实例方法 ## 使用示例 -```html -<!-- 简单用法 --> -<CQRCode content="https://www.example.com" /> +### 基础用法 -<!-- 带保存按钮的用法 --> -<CQRCode - content="https://www.example.com" - :size="300" - :margin="4" - :downloadable="true" -/> +```html +<template> + <view class="page"> + <!-- 简单用法 --> + <CQRCode content="https://www.example.com" /> + </view> +</template> + +<script> +import { CQRCode } from '@components/plugins/qrcode'; + +export default { + components: { + CQRCode + } +} +</script> +``` + +### 带保存按钮的用法 + +```html +<template> + <view class="page"> + <CQRCode + content="https://www.example.com" + :size="300" + :margin="4" + :downloadable="true" + /> + </view> +</template> + +<script> +import { CQRCode } from '@components/plugins/qrcode'; + +export default { + components: { + CQRCode + } +} +</script> ``` ## 注意事项 -1. 目前在H5环境中支持保存二维码图片到本地 -2. 小程序环境下的保存功能尚未实现 \ No newline at end of file +- 目前在H5环境中支持保存二维码图片到本地 +- 小程序环境下的保存功能尚未实现 +- 二维码内容变更时会自动重新渲染 \ No newline at end of file -- Gitblit v1.9.1