Commit 1fa597c2382f3cc650fc95b2ff5f255024ad7889
1 parent
6fe2f8db
二维码大小
Showing
2 changed files
with
84 additions
and
4 deletions
pages/businessCard/printCard.vue
| ... | ... | @@ -12,7 +12,7 @@ |
| 12 | 12 | </uni-section> |
| 13 | 13 | |
| 14 | 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 | 16 | </view> |
| 17 | 17 | |
| 18 | 18 | <view>长按上面二维码可以保存为图片</view> |
| ... | ... | @@ -94,7 +94,7 @@ export default { |
| 94 | 94 | canvasId: 'qrcode', |
| 95 | 95 | componentInstance: this, |
| 96 | 96 | text: text, |
| 97 | - size: 165, | |
| 97 | + size: 130, | |
| 98 | 98 | margin: 0, |
| 99 | 99 | backgroundColor: '#ffffff', |
| 100 | 100 | foregroundColor: '#000000', |
| ... | ... | @@ -107,7 +107,87 @@ export default { |
| 107 | 107 | changeTime: function () { |
| 108 | 108 | this.hour = this.numberValue |
| 109 | 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 | 193 | </script> | ... | ... |
pages/businessCard/provideCard.vue