gaoluyang
6 天以前 92230c9a97dc9ce9df3313d11d26999c04bb6b26
src/components/geek-xd/components/geek-qrcode/README.md
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,90 @@
# uni-app äºŒç»´ç ç”Ÿæˆå™¨
改自作者诗小柒的tki-qrcode二维码生成器
### ä½œè€…:董玉可
1. H5、微信小程序、支付宝小程序、APP,其它平台的小程序没有测试
2. ä½¿ç”¨canvas生成
3. å¯è®¾ç½®äºŒç»´ç èƒŒæ™¯è‰²ï¼Œå‰æ™¯è‰²ï¼Œè§’标色
4. å¯è®¾ç½®äºŒç»´ç logo
## é‡è¦çš„事情说3遍 é‡è¦çš„事情说3遍 é‡è¦çš„事情说3遍
1. IOS、Android真机都可以正常生成二维码
2. ä½¿ç”¨çš„æ—¶å€™å‡ºçŽ°æ— æ³•ç”ŸæˆäºŒç»´ç æˆ–ç©ºç™½çš„è¯·å…ˆgithub直接打包下载,问题依旧,请github上直接提出问题并配图
3. æœ‰é—®é¢˜è¯·è¯´æ˜Žé—®é¢˜åŽŸå› ï¼Œè¿™æ ·æˆ‘æ‰å¥½å®šä½ï¼Œå¦åˆ™æˆ‘ä¹Ÿæ— æ³•è§£å†³
4. å¦‚果此插件有帮助到你请打5分或赞赏我,你的支持是我更新的动力
+ å›¾ç‰‡1 æ˜¯å¾®ä¿¡å°ç¨‹åºçœŸæœºå®žæµ‹
+ å›¾ç‰‡2 æ˜¯å¾®ä¿¡å°ç¨‹åºæ¨¡æ‹Ÿå®žæµ‹
+ å›¾ç‰‡3 æ˜¯æ”¯ä»˜å®å°ç¨‹åºæ¨¡æ‹Ÿå™¨å®žæµ‹
+ å›¾ç‰‡4 æ˜¯å®‰å“真机实测
+ å›¾ç‰‡5 H5
### ä½¿ç”¨æ–¹æ³•
在 `template` ä¸­ä½¿ç”¨
```javascript
<view class="qrimg">
    <geek-qrcode
    ref="qrcode"
    :cid="cid"
    :val="val"
    :size="size"
    :unit="unit"
    :background="background"
    :foreground="foreground"
    :pdground="pdground"
    :icon="icon"
    :iconSize="iconsize"
    :lv="lv"
    :onval="onval"
    :loadMake="loadMake"
    :usingComponents="usingComponents"
    :showLoading="showLoading"
    :loadingText="loadingText"
    @result="qrR" />
</view>
```
### å±žæ€§
| å±žæ€§å          |  ç±»åž‹  |      é»˜è®¤å€¼      | å¯é€‰å€¼ | è¯´æ˜Ž                                                                                                |
| :-------------- | :-----: | :---------------: | :----: | :-------------------------------------------------------------------------------------------------- |
| cid             | String | tki-qrcode-canvas |        | canvasId,页面存在多个二维码组件时需设置不同的ID                                                    |
| size            | Number |        200        |        | ç”Ÿæˆçš„二维码大小                                                                                    |
| unit            | String |        upx        |   px   | å¤§å°å•位尺寸                                                                                        |
| show            | Boolean |       true       |        | é»˜è®¤ä½¿ç”¨ç»„件中的image标签显示二维码                                                                 |
| val             | String |      äºŒç»´ç       |        | è¦ç”Ÿæˆçš„内容                                                                                        |
| background      | String |      #000000      |        | äºŒç»´ç èƒŒæ™¯è‰²                                                                                        |
| foreground      | String |      #ffffff      |        | äºŒç»´ç å‰æ™¯è‰²                                                                                        |
| pdground        | String |      #ffffff      |        | äºŒç»´ç è§’标色                                                                                        |
| icon            | String |                  |        | äºŒç»´ç å›¾æ ‡URL(必须是本地图片,网络图需要先下载至本地)                                             |
| iconSize        | Number |        40        |        | äºŒç»´ç å›¾æ ‡å¤§å°ï¼ˆæ³¨æ„æ­¤å¤§å°ä¸ä¼šè·ŸéšäºŒç»´ç size åŠ¨æ€å˜åŒ–ï¼Œè®¾ç½®æ—¶éœ€è¦æ³¨æ„å¤§å°ï¼Œä¸è¦å¤ªå¤§ï¼Œä»¥å…æ— æ³•è¯†åˆ«ï¼‰ |
| lv              | Number |         3         |        | å®¹é”™çº§åˆ«ï¼ˆä¸€èˆ¬ä¸ç”¨è®¾ç½®ï¼‰                                                                            |
| onval           | Boolean |       false       |        | ç›‘听val值变化自动重新生成二维码                                                                     |
| loadMake        | Boolean |       false       |        | ç»„件初始化完成后自动生成二维码,val需要有值                                                         |
| usingComponents | Boolean |       true       | false | æ˜¯å¦ä½¿ç”¨äº†è‡ªå®šä¹‰ç»„件模式(主要是为了修复非自定义组件模式时 v-if æ— æ³•生成二维码的问题)              |
| showLoading     | Boolean |       true       | false | æ˜¯å¦æ˜¾ç¤ºloading                                                                                     |
| loadingText     | String |   äºŒç»´ç ç”Ÿæˆä¸­   |        | loading文字                                                                                         |
### æ–¹æ³•
| æ–¹æ³•名       | å‚æ•° | é»˜è®¤å€¼ | è¯´æ˜Ž                                                |
| :----------- | :--: | :----: | :-------------------------------------------------- |
| _makeCode()  |      |        | ç”ŸæˆäºŒç»´ç                                           |
| _clearCode() |      |        | æ¸…空二维码(清空二维码会触发result回调 è¿”回值为空) |
| _saveCode()  |      |        | ä¿å­˜äºŒç»´ç åˆ°å›¾åº“                                    |
### äº‹ä»¶
| äº‹ä»¶å |             è¿”回值             |                                    è¯´æ˜Ž |
| :----- | :----------------------------: | --------------------------------------: |
| result | ç”Ÿæˆçš„图片base64或图片临时地址 | è¿”回二维码路径 æ³¨ï¼š_clearCode()后返回空 |
### æ„Ÿè°¢
[uni-app](https://uniapp.dcloud.io/ "uni-app")
[qrcode](https://github.com/aralejs/qrcode "qrcode")