Commit 1fa597c2382f3cc650fc95b2ff5f255024ad7889
1 parent
6fe2f8db
二维码大小
Showing
2 changed files
with
84 additions
and
4 deletions
pages/businessCard/printCard.vue
@@ -12,7 +12,7 @@ | @@ -12,7 +12,7 @@ | ||
12 | </uni-section> | 12 | </uni-section> |
13 | 13 | ||
14 | <view class=" uni-card text-center" style="padding: 10px 0"> | 14 | <view class=" uni-card text-center" style="padding: 10px 0"> |
15 | - <image :src="qrUrl" style="width: 300rpx;height:300rpx;margin: 0 auto;"></image> | 15 | + <image :src="qrUrl" style="width: 300px;height:300px;margin: 0 auto;" @longpress="savePosterPath(qrUrl)"></image> |
16 | </view> | 16 | </view> |
17 | 17 | ||
18 | <view>长按上面二维码可以保存为图片</view> | 18 | <view>长按上面二维码可以保存为图片</view> |
@@ -94,7 +94,7 @@ export default { | @@ -94,7 +94,7 @@ export default { | ||
94 | canvasId: 'qrcode', | 94 | canvasId: 'qrcode', |
95 | componentInstance: this, | 95 | componentInstance: this, |
96 | text: text, | 96 | text: text, |
97 | - size: 165, | 97 | + size: 130, |
98 | margin: 0, | 98 | margin: 0, |
99 | backgroundColor: '#ffffff', | 99 | backgroundColor: '#ffffff', |
100 | foregroundColor: '#000000', | 100 | foregroundColor: '#000000', |
@@ -107,7 +107,87 @@ export default { | @@ -107,7 +107,87 @@ export default { | ||
107 | changeTime: function () { | 107 | changeTime: function () { |
108 | this.hour = this.numberValue | 108 | this.hour = this.numberValue |
109 | this.getCouponStaticQR() | 109 | this.getCouponStaticQR() |
110 | - } | 110 | + }, |
111 | + // 小程序保存图片 | ||
112 | + savePosterPath(url) { | ||
113 | + uni.downloadFile({ | ||
114 | + url, | ||
115 | + success: (resFile) => { | ||
116 | + console.log(resFile, "resFile"); | ||
117 | + if (resFile.statusCode === 200) { | ||
118 | + uni.getSetting({ | ||
119 | + success: (res) => { | ||
120 | + if (!res.authSetting["scope.writePhotosAlbum"]) { | ||
121 | + uni.authorize({ | ||
122 | + scope: "scope.writePhotosAlbum", | ||
123 | + success: () => { | ||
124 | + uni.saveImageToPhotosAlbum({ | ||
125 | + filePath: resFile.tempFilePath, | ||
126 | + success: (res) => { | ||
127 | + return uni.showToast({ | ||
128 | + title: "保存成功!", | ||
129 | + }); | ||
130 | + }, | ||
131 | + fail: (res) => { | ||
132 | + return uni.showToast({ | ||
133 | + title: res.errMsg, | ||
134 | + }); | ||
135 | + }, | ||
136 | + complete: (res) => {}, | ||
137 | + }); | ||
138 | + }, | ||
139 | + fail: () => { | ||
140 | + uni.showModal({ | ||
141 | + title: "您已拒绝获取相册权限", | ||
142 | + content: "是否进入权限管理,调整授权?", | ||
143 | + success: (res) => { | ||
144 | + if (res.confirm) { | ||
145 | + uni.openSetting({ | ||
146 | + success: (res) => { | ||
147 | + console.log(res.authSetting); | ||
148 | + }, | ||
149 | + }); | ||
150 | + } else if (res.cancel) { | ||
151 | + return uni.showToast({ | ||
152 | + title: "已取消!", | ||
153 | + }); | ||
154 | + } | ||
155 | + }, | ||
156 | + }); | ||
157 | + }, | ||
158 | + }); | ||
159 | + } else { | ||
160 | + uni.saveImageToPhotosAlbum({ | ||
161 | + filePath: resFile.tempFilePath, | ||
162 | + success: (res) => { | ||
163 | + return uni.showToast({ | ||
164 | + title: "保存成功!", | ||
165 | + }); | ||
166 | + }, | ||
167 | + fail: (res) => { | ||
168 | + return uni.showToast({ | ||
169 | + title: res.errMsg, | ||
170 | + }); | ||
171 | + }, | ||
172 | + complete: (res) => {}, | ||
173 | + }); | ||
174 | + } | ||
175 | + }, | ||
176 | + fail: (res) => {}, | ||
177 | + }); | ||
178 | + } else { | ||
179 | + return uni.showToast({ | ||
180 | + title: resFile.errMsg, | ||
181 | + }); | ||
182 | + } | ||
183 | + }, | ||
184 | + fail: (res) => { | ||
185 | + return uni.showToast({ | ||
186 | + title: res.errMsg, | ||
187 | + }); | ||
188 | + }, | ||
189 | + }); | ||
190 | + }, | ||
111 | } | 191 | } |
112 | } | 192 | } |
113 | </script> | 193 | </script> |
pages/businessCard/provideCard.vue
@@ -98,7 +98,7 @@ export default { | @@ -98,7 +98,7 @@ export default { | ||
98 | canvasId: 'qrcode', | 98 | canvasId: 'qrcode', |
99 | componentInstance: this, | 99 | componentInstance: this, |
100 | text: text, | 100 | text: text, |
101 | - size: 165, | 101 | + size: 130, |
102 | margin: 0, | 102 | margin: 0, |
103 | backgroundColor: '#ffffff', | 103 | backgroundColor: '#ffffff', |
104 | foregroundColor: '#000000', | 104 | foregroundColor: '#000000', |