¶Ô±ÈÐÂÎļþ |
| | |
| | | # 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") |