Commit 1fa597c2382f3cc650fc95b2ff5f255024ad7889

Authored by 刘淇
1 parent 6fe2f8db

二维码大小

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',