wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

细节

Browse Source
main
fanfan 7 months ago
parent 04f36895a9
commit be30ba5f4e
1 changed files with 59 additions and 44 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 103
      pages/invite/index.vue

103
pages/invite/index.vue
Unescape View File

@ -76,11 +76,12 @@
<view class="qrcode">{{userInfo.user_id}}</view> <view class="qrcode">{{userInfo.user_id}}</view>
<view class="tips"> <view class="tips">
<view class="cancle" @click="download(1)">取消</view> <view class="cancle" @click="download(1)">取消</view>
<view class="sure" @click="download(2)">保存到相册</view> <view class="sure" @click="download(2)">保存到相册</view>
</view> </view>
</view> </view>
</view> </view>
<canvas id="myCanvas" class="myCanvas" canvas-id="myCanvas" :style="{'width': 702/devicePixelRatio+'px',' height': 1248/devicePixelRatio+'px'}" ></canvas> <canvas id="myCanvas" class="myCanvas" canvas-id="myCanvas"
:style="{'width': 702/devicePixelRatio+'px',' height': 1248/devicePixelRatio+'px',position: 'absolute',left:'-100000px',top:'-100000px'}"></canvas>
</view> </view>
</template> </template>
@ -105,7 +106,7 @@
isPopup: false, isPopup: false,
info: {}, info: {},
list: [], list: [],
devicePixelRatio: 750/uni.getSystemInfoSync().windowHeight devicePixelRatio: 750 / uni.getSystemInfoSync().windowHeight
} }
}, },
onReady() { onReady() {
@ -125,57 +126,67 @@
methods: { methods: {
createImge() { createImge() {
const that = this; const that = this;
ctx.fillRect(0, 0, 702/that.devicePixelRatio, 1248/that.devicePixelRatio); ctx.fillRect(0, 0, 702 / that.devicePixelRatio, 1248 / that.devicePixelRatio);
uni.downloadFile({ uni.downloadFile({
url: 'https://www.royaum.com.cn/static/3@2x.png', url: 'https://www.royaum.com.cn/static/3@2x.png',
success(res) { success(res) {
ctx.drawImage(res.tempFilePath, 0, 0, 702/that.devicePixelRatio, 1248/that.devicePixelRatio); ctx.drawImage(res.tempFilePath, 0, 0, 702 / that.devicePixelRatio, 1248 / that
.devicePixelRatio);
uni.downloadFile({ uni.downloadFile({
url: that.qrcode, url: that.qrcode,
success: (res2) => { success: (res2) => {
ctx.save(); // 保存 ctx.save(); // 保存
ctx.beginPath(); // 开始绘制 ctx.beginPath(); // 开始绘制
ctx.arc(162/that.devicePixelRatio / 2 + 285/that.devicePixelRatio, 162/that.devicePixelRatio / 2 + 870/that.devicePixelRatio, 162/that.devicePixelRatio / 2, 0, Math.PI * 2, false); ctx.arc(162 / that.devicePixelRatio / 2 + 285 / that.devicePixelRatio,
162 / that.devicePixelRatio / 2 + 870 / that.devicePixelRatio,
162 / that.devicePixelRatio / 2, 0, Math.PI * 2, false);
ctx.clip(); ctx.clip();
ctx.drawImage(res2.tempFilePath, 285/that.devicePixelRatio, 870/that.devicePixelRatio, 162/that.devicePixelRatio, 162/that.devicePixelRatio); ctx.drawImage(res2.tempFilePath, 285 / that.devicePixelRatio, 870 /
// 恢复之前保存的绘图上下文 that.devicePixelRatio, 162 / that.devicePixelRatio, 162 / that
ctx.restore(); .devicePixelRatio);
// 恢复之前保存的绘图上下文
ctx.restore();
// 邀请码 // 邀请码
ctx.setFontSize(45/that.devicePixelRatio); ctx.setFontSize(45 / that.devicePixelRatio);
ctx.setFillStyle('#cf100d'); ctx.setFillStyle('#cf100d');
ctx.fillText(that.userInfo.user_id, 200/that.devicePixelRatio, 1213/that.devicePixelRatio); ctx.fillText(that.userInfo.user_id, 200 / that.devicePixelRatio, 1213 /
that.devicePixelRatio);
ctx.draw() ctx.draw()
uni.canvasToTempFilePath({ uni.canvasToTempFilePath({
width: 702/that.devicePixelRatio, width: 702 / that.devicePixelRatio,
height: 1248/that.devicePixelRatio, height: 1248 / that.devicePixelRatio,
destWidth: 702/that.devicePixelRatio, destWidth: 702 / that.devicePixelRatio,
destHeight: 1248/that.devicePixelRatio, destHeight: 1248 / that.devicePixelRatio,
canvasId: 'myCanvas', canvasId: 'myCanvas',
success: function(res) { success: function(res) {
// 在H5平台下，tempFilePath 为 base64 // 在H5平台下，tempFilePath 为 base64
console.log(res.tempFilePath) console.log(res.tempFilePath)
uni.saveImageToPhotosAlbum({ uni.saveImageToPhotosAlbum({
filePath: res.tempFilePath, filePath: res.tempFilePath,
success(data) { success(data) {
that.$success('保存成功') that.$success('保存成功')
}, },
fail(err) { fail(err) {
if (err.errMsg === 'saveImageToPhotosAlbum:fail auth deny') { if (err.errMsg ===
that.$toast('请允许访问相册后重试 (右上角菜单 - 设置 - 相册)', 3000) 'saveImageToPhotosAlbum:fail auth deny'
) {
that.$toast(
'请允许访问相册后重试 (右上角菜单 - 设置 - 相册)',
3000)
}
} }
} })
}) }
}
}) })
}, },
}) })
} }
}) })
}, },
// 获取预售规则 // 获取预售规则
getCarousel() { getCarousel() {
@ -227,15 +238,15 @@
download(type) { download(type) {
const app = this const app = this
app.isPopup = false; app.isPopup = false;
if(type == 1){ if (type == 1) {
return ; return;
}else{ } else {
uni.showLoading({ uni.showLoading({
title: '加载中' title: '加载中'
}) })
this.createImge(); this.createImge();
} }
return ; return;
uni.showLoading({ uni.showLoading({
title: '加载中' title: '加载中'
}) })
@ -339,13 +350,13 @@
background-size: 100% auto; background-size: 100% auto;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
.myCanvas{ min-height: 100vh;
.myCanvas {
position: absolute; position: absolute;
left: 0;
top: -1200rpx;
z-index: -1; z-index: -1;
opacity: 0;
} }
&-popup { &-popup {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -364,10 +375,12 @@
top: 50%; top: 50%;
margin-top: -635rpx; margin-top: -635rpx;
z-index: 2; z-index: 2;
.bg{
.bg {
width: 620rpx; width: 620rpx;
height: 1102rpx; height: 1102rpx;
} }
.code { .code {
width: 150rpx; width: 150rpx;
height: 150rpx; height: 150rpx;
@ -405,13 +418,15 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.cancle{
.cancle {
flex: 1; flex: 1;
background-color: #FFFFFF; background-color: #FFFFFF;
margin-right: 30rpx; margin-right: 30rpx;
border-radius: 10rpx; border-radius: 10rpx;
} }
.sure{
.sure {
border-radius: 10rpx; border-radius: 10rpx;
flex: 1; flex: 1;
color: #FFFFFF; color: #FFFFFF;

Write Preview
Loading…
Cancel
Save