|
|
@@ -83,8 +83,8 @@ export default {
|
|
|
}
|
|
|
)
|
|
|
.exec();
|
|
|
- let ctxBg = '/index/static/img/zszs.png'; //画布背景
|
|
|
- let src = '/index/static/icon/erweima.jpg'; // 二维码
|
|
|
+ let ctxBg = '/static/img/zszs.png'; //画布背景
|
|
|
+ let src = '/static/icon/erweima.jpg'; // 二维码
|
|
|
|
|
|
let context = uni.createCanvasContext('qrShareBox');
|
|
|
// 插入背景图片
|
|
|
@@ -108,7 +108,7 @@ export default {
|
|
|
|
|
|
// // 插入文字
|
|
|
context.setFontSize(38* obj.ratio);
|
|
|
- context.setFillStyle('#F5D0A2');
|
|
|
+ context.setFillStyle('#000');
|
|
|
// context.fillText('感谢信', ((750 - obj.size) * obj.ratio) / 2, 260 * obj.ratio)
|
|
|
context.setFontSize(40 * obj.ratio);
|
|
|
context.fillText('感谢 ' , 100 * obj.ratio, 460* obj.ratio)
|
|
|
@@ -150,7 +150,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
context.setFontSize(38 * obj.ratio);
|
|
|
- context.fillText("感谢您于" + obj.showtime + "对于", 180* obj.ratio, 560* obj.ratio)
|
|
|
+ context.fillText("感谢您于" + obj.showtime + "对", 180* obj.ratio, 560* obj.ratio)
|
|
|
let str = '“' + obj.itemName + "”" + '的爱心捐赠。'
|
|
|
if(str.length < 15) {
|
|
|
context.fillText(str ,90* obj.ratio, 615* obj.ratio )
|
|
|
@@ -196,129 +196,6 @@ export default {
|
|
|
context.fillText('特发此证书，以示感谢！',(750/2)* obj.ratio,860 * obj.ratio)
|
|
|
context.setTextAlign('left')
|
|
|
}
|
|
|
-
|
|
|
- // if(obj.userName.length<=10){
|
|
|
- // context.fillText('感谢 ' , 273 * obj.ratio, 500 * obj.ratio);
|
|
|
- // context.fillText(obj.userName , 340 * obj.ratio, 500 * obj.ratio);
|
|
|
- // context.fillText('您的爱心捐赠和善心！' , 273 * obj.ratio, 540 * obj.ratio);
|
|
|
- // }else if(10< obj.userName.length && obj.userName.length <= 20){
|
|
|
- // let center = Math.floor(obj.userName.length/2)
|
|
|
- // let str1 = obj.userName.slice(0,center)
|
|
|
- // let str2 = obj.userName.slice(center,)
|
|
|
- // let des = 5*(20-obj.userName.length)
|
|
|
- // context.fillText('感谢 ' , 260 * obj.ratio, 500 * obj.ratio);
|
|
|
- // context.setTextAlign('center')
|
|
|
- // context.fillText(str1 , (490 - des) * obj.ratio, 480 * obj.ratio);
|
|
|
- // context.fillText(str2 , (490 - des) * obj.ratio, 520 * obj.ratio);
|
|
|
- // context.setTextAlign('left')
|
|
|
- // context.fillText('您的爱心捐赠和善心！' , 260 * obj.ratio, 560 * obj.ratio);
|
|
|
- // }else if(20< obj.userName.length && obj.userName.length <= 30){
|
|
|
-
|
|
|
- // let str1 = obj.userName.slice(0,10)
|
|
|
- // let str2 = obj.userName.slice(10,20)
|
|
|
- // let str3 = obj.userName.slice(20,)
|
|
|
- // context.fillText('感谢 ' , 260 * obj.ratio, 500 * obj.ratio);
|
|
|
- // context.setFontSize(24* obj.ratio)
|
|
|
- // context.fillText(str1 , 340 * obj.ratio, 460 * obj.ratio);
|
|
|
-
|
|
|
- // context.fillText(str2 , 340 * obj.ratio, 490 * obj.ratio);
|
|
|
- // context.setTextAlign('center')
|
|
|
- // context.fillText(str3 , 460 * obj.ratio, 520 * obj.ratio);
|
|
|
- // context.setFontSize(38* obj.ratio)
|
|
|
- // context.setTextAlign('left')
|
|
|
- // context.fillText('您的爱心捐赠和善心！' , 260 * obj.ratio, 565 * obj.ratio);
|
|
|
- // }
|
|
|
- // context.setTextAlign('center')
|
|
|
- // context.setFontSize(40* obj.ratio);
|
|
|
- // context.setFillStyle('#F5D0A2');
|
|
|
- // if(obj.userName.length <= 10){
|
|
|
- // context.fillText(obj.userName , (750/2)* obj.ratio, 700 * obj.ratio);
|
|
|
- // }else if(obj.userName.length <= 20){
|
|
|
- // if(obj.userName.length <= 13){
|
|
|
- // context.setFontSize(28* obj.ratio)
|
|
|
- // context.fillText(obj.userName , (750/2)* obj.ratio, 700 * obj.ratio);
|
|
|
- // }else {
|
|
|
- // let center = Math.floor(obj.userName.length/2)
|
|
|
- // console.log(center,'this.obj.userName.length.center')
|
|
|
- // let str5 = obj.userName.slice(0,center)
|
|
|
- // let str6 = obj.userName.slice(center,)
|
|
|
- // context.setFontSize(28* obj.ratio)
|
|
|
- // context.fillText(str5 , (750/2)* obj.ratio, 675 * obj.ratio);
|
|
|
- // context.fillText(str6 , (750/2)* obj.ratio, 710 * obj.ratio);
|
|
|
- // context.setFontSize(38* obj.ratio)
|
|
|
- // }
|
|
|
-
|
|
|
- // }else if(obj.userName.length <= 30){
|
|
|
- // let str5 = obj.userName.slice(0,15)
|
|
|
- // let str6 = obj.userName.slice(15,)
|
|
|
- // context.setFontSize(24* obj.ratio)
|
|
|
- // context.fillText(str5 , (750/2)* obj.ratio, 675 * obj.ratio);
|
|
|
- // context.fillText(str6 , (750/2)* obj.ratio, 710 * obj.ratio);
|
|
|
- // context.setFontSize(38* obj.ratio)
|
|
|
- // }
|
|
|
-
|
|
|
- // //感谢您于2021年1月1日对于“关爱关心留守儿童”的爱心捐赠。特发此证书，以示感谢！红会博爱送温暖 爱康关怀暖人心
|
|
|
- // context.setTextAlign('left')
|
|
|
- // context.setFillStyle('#F5D0A2');
|
|
|
- // context.setFontSize(30* obj.ratio);
|
|
|
-
|
|
|
- // if(this.pid != 0){
|
|
|
- // if(obj.itemName.length <= 6){
|
|
|
- // context.fillText('感谢您于 ' + obj.showtime , 198* obj.ratio, 940 * obj.ratio);
|
|
|
- // context.setTextAlign('center')
|
|
|
- // context.fillText('对'+'"'+obj.itemName+'"'+ '的爱心捐赠。',(750/2+20)* obj.ratio,980 * obj.ratio)
|
|
|
- // context.fillText('特发此证书，以示感谢！',(750/2)* obj.ratio,1025 * obj.ratio)
|
|
|
- // }else if(obj.itemName.length > 6 && obj.itemName.length <= 20){
|
|
|
- // let str1 = obj.itemName.slice(0,13)
|
|
|
- // let str2 = obj.itemName.slice(13,)
|
|
|
- // context.setFontSize(24* obj.ratio)
|
|
|
- // context.setTextAlign('center')
|
|
|
- // context.fillText('感谢您于 ' + obj.showtime + '对于', (750/2)* obj.ratio, 940 * obj.ratio);
|
|
|
- // context.fillText('"'+str1,(750/2)* obj.ratio,970 * obj.ratio)
|
|
|
- // context.fillText(str2+'"' + '的爱心捐赠。',(750/2)* obj.ratio,1000 * obj.ratio)
|
|
|
- // context.fillText('特发此证书，以示感谢！',(750/2)* obj.ratio,1030 * obj.ratio)
|
|
|
-
|
|
|
- // }else if(obj.itemName.length > 20 && obj.itemName.length <= 30){
|
|
|
- // let str1 = obj.itemName.slice(0,18)
|
|
|
- // let str2 = obj.itemName.slice(18,)
|
|
|
- // context.setFontSize(22* obj.ratio)
|
|
|
- // context.setTextAlign('center')
|
|
|
- // context.fillText('感谢您于 ' + obj.showtime + '对于', (750/2)* obj.ratio, 940 * obj.ratio);
|
|
|
- // context.fillText('"'+str1,(750/2)* obj.ratio,970 * obj.ratio)
|
|
|
- // context.fillText(str2+'"'+'的爱心捐赠。',(750/2)* obj.ratio,1000 * obj.ratio)
|
|
|
- // context.fillText('特发此证书，以示感谢！',(750/2)* obj.ratio,1030 * obj.ratio)
|
|
|
- // }
|
|
|
-
|
|
|
- // }else {
|
|
|
- // context.fillText('感谢您于 ' + obj.showtime , 198* obj.ratio, 940 * obj.ratio);
|
|
|
- // context.setTextAlign('left')
|
|
|
- // context.fillText('的爱心捐赠。',198* obj.ratio,980 * obj.ratio)
|
|
|
- // context.setTextAlign('center')
|
|
|
- // context.fillText('特发此证书，以示感谢！',(750/2)* obj.ratio,1025 * obj.ratio)
|
|
|
- // }
|
|
|
-
|
|
|
-
|
|
|
- // context.fillText('衷心感谢您对荆州市红十字事业的信任与支持', 155 * obj.ratio, 460 * obj.ratio);
|
|
|
- // context.fillText('！我们已收到您的捐款', 40 * obj.ratio, 515 * obj.ratio);
|
|
|
- // // 画横线
|
|
|
- // context.moveTo(340 * obj.ratio, 520 * obj.ratio);
|
|
|
- // context.lineTo(500 * obj.ratio, 520 * obj.ratio);
|
|
|
- // context.stroke();
|
|
|
- // context.fillText('￥' + obj.money, 355 * obj.ratio, 512 * obj.ratio);
|
|
|
- // context.fillText('元。我们承诺，', 500 * obj.ratio, 515 * obj.ratio);
|
|
|
- // context.fillText('绝不辜负大家的信任，遵照您的意愿，将捐款全部', 40 * obj.ratio, 570 * obj.ratio);
|
|
|
- // context.fillText('用于相关救助项目。您的善举将给受助人带去温暖', 40 * obj.ratio, 625 * obj.ratio);
|
|
|
- // context.fillText('！', 40 * obj.ratio, 680 * obj.ratio);
|
|
|
- // context.fillText('爱心无界，情义无价。谨以此信表达谢意，我', 100 * obj.ratio, 730 * obj.ratio);
|
|
|
-
|
|
|
- // context.fillText('们因您更有力量，因您倍感温暖！', 40 * obj.ratio, 785 * obj.ratio);
|
|
|
- // // context.fillText('谨表谢意', (580 * obj.ratio), 680 * obj.ratio)
|
|
|
- // context.fillText('荆州市红十字会', 450 * obj.ratio, 900 * obj.ratio);
|
|
|
- // context.fillText('识别右边二维码', 108 * obj.ratio, 1090 * obj.ratio);
|
|
|
- // context.fillText('关注荆州市红十字会', 108 * obj.ratio, 1150 * obj.ratio);
|
|
|
-
|
|
|
- // 插入二维码
|
|
|
- // console.log(codeX, codeY, codeSize, 999)
|
|
|
context.drawImage(src, 490 * obj.ratio, 1140 * obj.ratio, codeSize, codeSize);
|
|
|
|
|
|
// 生成
|
|
|
@@ -341,29 +218,13 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
onShow() {
|
|
|
- // var animation = uni.createAnimation();
|
|
|
- // this.animation = animation;
|
|
|
- // if (this.isStop) {
|
|
|
- // // 使用动画
|
|
|
- // this.scaleAndScale();
|
|
|
- // this.timer = setInterval(() => {
|
|
|
- // //创建定时器,3秒执行异一次
|
|
|
- // this.scaleAndScale();
|
|
|
- // // console.log('每三秒执行一次 , 达到往复运动的效果')
|
|
|
- // }, 1000);
|
|
|
- // } else {
|
|
|
- // this.noscaleAndScale();
|
|
|
- // }
|
|
|
},
|
|
|
onLoad(option) {
|
|
|
- // console.log(333, option);
|
|
|
- // this.money = option.money;
|
|
|
- // this.IndexShare();
|
|
|
- // this.ScanAudio(true);
|
|
|
this.pid = option.project_id
|
|
|
this.userName = option.name
|
|
|
this.time = option.time
|
|
|
this.itemName = option.title
|
|
|
+ this.IndexShare()
|
|
|
},
|
|
|
onHide() {
|
|
|
//在页面隐藏时也要清除定时器
|
|
|
@@ -373,22 +234,16 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
onUnload() {
|
|
|
- //在页面卸载时清除定时器 避免出现多个定时器连续创建动画
|
|
|
- // if (this.timer) {
|
|
|
- // console.log('清除定时器-' + this.timer);
|
|
|
- // clearInterval(this.timer);
|
|
|
- // }
|
|
|
},
|
|
|
methods: {
|
|
|
// 分享
|
|
|
IndexShare() {
|
|
|
let obj = this;
|
|
|
- // let money = obj.money;
|
|
|
let item = {
|
|
|
- link: 'http://http://jz.red.igxys.com/index/#/pages/form/donaSuccess?money=' + obj.money, // 分享链接
|
|
|
- imgUrl: 'http://http://jz.red.igxys.com/index/#/static/img/thinks.png',
|
|
|
+ link: 'http://jz.red.igxys.com/jlx/#/pages/user/thank?project_id=' + obj.pid + '&name=' + obj.userName + '&time=' + obj.time + '&title=' + obj.itemName, // 分享链接
|
|
|
+ imgUrl: 'http://jz.red.igxys.com/static/img/22.jpg',
|
|
|
desc: '感谢信',
|
|
|
- title: '江陵县红十字会',
|
|
|
+ title: '荆州市红十字会',
|
|
|
success: console.log('分享加载成功')
|
|
|
};
|
|
|
console.log('分享加', item);
|
