File tree 9 files changed +1459
-0
lines changed
9 files changed +1459
-0
lines changed Original file line number Diff line number Diff line change
1
+ /unpackage /
Original file line number Diff line number Diff line change
1
+ <script >
2
+ export default {
3
+ onLaunch : function () {
4
+ console .log (' App Launch' )
5
+ },
6
+ onShow : function () {
7
+ console .log (' App Show' )
8
+ },
9
+ onHide : function () {
10
+ console .log (' App Hide' )
11
+ }
12
+ }
13
+ </script >
14
+
15
+ <style >
16
+ /* 每个页面公共css */
17
+
18
+ page,
19
+ view {
20
+ display : flex ;/* uni-app默认使用flex布局。因为flex布局有利于跨更多平台,尤其是采用原生渲染的平台。如不了解flex布局,请参考http://www.w3.org/TR/css3-flexbox/。若不需要flex布局可删除本行*/
21
+ }
22
+ </style >
Original file line number Diff line number Diff line change
1
+ # uni-app 二维码生成器
2
+ ### 作者:诗小柒
3
+
4
+
5
+ ## 开始使用
6
+
7
+ ### 1.引入组件
8
+ ``` javascript
9
+ // template 使用
10
+ < qrcode : val= " qrval" : size= " qrsize" : colorDark= " qrColorDark" : colorLight= " qrColorLight" ref= " qrcode" @result= " qrR" >< / qrcode>
11
+
12
+ // 引入组件
13
+ import qrcode from " ../../components/qrcode/qrcode.vue"
14
+
15
+ // 注册组件
16
+ components: {
17
+ qrcode
18
+ },
19
+ ```
20
+
21
+ ### 2.属性
22
+ ` size ` Number
23
+ ```
24
+ size 生成的二维码大小 默认值:100
25
+ ```
26
+ ` show ` Boolean
27
+ ```
28
+ show 默认使用组件中的image标签显示二维码 默认值:true
29
+ ```
30
+ ` val ` String
31
+ ```
32
+ val 要生成的内容 默认值:
33
+ ```
34
+ ` colorDark ` String
35
+ ```
36
+ colorDark 背景色 默认值:#000000
37
+ ```
38
+ ` colorLight ` String
39
+ ```
40
+ colorLight 前景色 默认值:#ffffff
41
+ ```
42
+
43
+ ### 3.方法
44
+ ` _makeCode() ` Function
45
+ ```
46
+ _makeCode() 生成二维码
47
+ ```
48
+ ` _clearCode() ` Function
49
+ ```
50
+ _clearCode() 清空二维码 注:清空二维码会触发result回调 返回值为空
51
+ ```
52
+ ` _saveCode() ` Function
53
+ ```
54
+ _saveCode() 保存二维码到图库
55
+ ```
56
+
57
+ ### 4.回调
58
+ ` result ` Function
59
+ ```
60
+ @result="resultFn" 返回二维码路径 注:_clearCode()后返回空
61
+ ```
62
+
63
+ ### 5.问题
64
+ H5 暂时无法使用
You can’t perform that action at this time.
0 commit comments