Skip to content

Commit 53b6b6d

Browse files
committed
first commit
0 parents  commit 53b6b6d

File tree

9 files changed

+1459
-0
lines changed

9 files changed

+1459
-0
lines changed

.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/unpackage/

App.vue

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
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>

README.md

+64
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
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 暂时无法使用

0 commit comments

Comments
 (0)