正在显示
6 个修改的文件
包含
326 行增加
和
13 行删除
1 | @font-face {font-family: "iconfont"; | 1 | @font-face {font-family: "iconfont"; |
2 | - src: url('//at.alicdn.com/t/font_961048_jhdqmcwglhh.eot?t=1547874546810'); /* IE9 */ | ||
3 | - src: url('//at.alicdn.com/t/font_961048_jhdqmcwglhh.eot?t=1547874546810#iefix') format('embedded-opentype'), /* IE6-IE8 */ | ||
4 | - url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), | ||
5 | - url('//at.alicdn.com/t/font_961048_jhdqmcwglhh.woff?t=1547874546810') format('woff'), | ||
6 | - url('//at.alicdn.com/t/font_961048_jhdqmcwglhh.ttf?t=1547874546810') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ | ||
7 | - url('//at.alicdn.com/t/font_961048_jhdqmcwglhh.svg?t=1547874546810#iconfont') format('svg'); /* iOS 4.1- */ | 2 | + src: url('//at.alicdn.com/t/font_961048_vvr2aibusa.eot?t=1547885028859'); /* IE9 */ |
3 | + src: url('//at.alicdn.com/t/font_961048_vvr2aibusa.eot?t=1547885028859#iefix') format('embedded-opentype'), /* IE6-IE8 */ | ||
4 | + url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), | ||
5 | + url('//at.alicdn.com/t/font_961048_vvr2aibusa.woff?t=1547885028859') format('woff'), | ||
6 | + url('//at.alicdn.com/t/font_961048_vvr2aibusa.ttf?t=1547885028859') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ | ||
7 | + url('//at.alicdn.com/t/font_961048_vvr2aibusa.svg?t=1547885028859#iconfont') format('svg'); /* iOS 4.1- */ | ||
8 | } | 8 | } |
9 | 9 | ||
10 | .iconfont { | 10 | .iconfont { |
@@ -23,6 +23,10 @@ | @@ -23,6 +23,10 @@ | ||
23 | content: "\e60a"; | 23 | content: "\e60a"; |
24 | } | 24 | } |
25 | 25 | ||
26 | +.icon-guanbi:before { | ||
27 | + content: "\e664"; | ||
28 | +} | ||
29 | + | ||
26 | .icon-xuanze:before { | 30 | .icon-xuanze:before { |
27 | content: "\e619"; | 31 | content: "\e619"; |
28 | } | 32 | } |
@@ -110,4 +114,3 @@ | @@ -110,4 +114,3 @@ | ||
110 | .icon-xuanzezhuangtai-:before { | 114 | .icon-xuanzezhuangtai-:before { |
111 | content: "\e678"; | 115 | content: "\e678"; |
112 | } | 116 | } |
113 | - |
@@ -4,13 +4,15 @@ | @@ -4,13 +4,15 @@ | ||
4 | <image src="{{item.pic}}" mode="widthFix" data-id='{{index}}' bindload="imageLoad"></image> | 4 | <image src="{{item.pic}}" mode="widthFix" data-id='{{index}}' bindload="imageLoad"></image> |
5 | <view class="area"> | 5 | <view class="area"> |
6 | <text class="name">{{item.title}}</text> | 6 | <text class="name">{{item.title}}</text> |
7 | + <view class="num" wx:if="{{item.join_number<item.min}}">还差{{item.people}}人</view> | ||
8 | + <view class="num" wx:else>还可加入{{item.people}}人</view> | ||
7 | </view> | 9 | </view> |
8 | <!--<text>2018.4.28—4.30</text>--> | 10 | <!--<text>2018.4.28—4.30</text>--> |
9 | <view class="bottom"> | 11 | <view class="bottom"> |
10 | - <image src="{{item.userPic}}" class="avatar" mode="aspectFill"></image> | 12 | + <!--<image src="{{item.userPic}}" class="avatar" mode="aspectFill"></image>--> |
11 | <text>{{item.listTime}}</text> | 13 | <text>{{item.listTime}}</text> |
12 | <!--<view>2018.4.28</view>--> | 14 | <!--<view>2018.4.28</view>--> |
13 | </view> | 15 | </view> |
14 | - <view class="num">距最低人数{{item.people}}人</view> | 16 | + |
15 | </view> | 17 | </view> |
16 | </view> | 18 | </view> |
@@ -22,6 +22,8 @@ Page({ | @@ -22,6 +22,8 @@ Page({ | ||
22 | is_join:false, | 22 | is_join:false, |
23 | img_heights: [], //图片宽度 | 23 | img_heights: [], //图片宽度 |
24 | img_width: 750, //默认 | 24 | img_width: 750, //默认 |
25 | + show_canvas: false, | ||
26 | + can_save:false, | ||
25 | }, | 27 | }, |
26 | //获取图片真实宽度 | 28 | //获取图片真实宽度 |
27 | imageLoad: function (e) { | 29 | imageLoad: function (e) { |
@@ -239,6 +241,7 @@ Page({ | @@ -239,6 +241,7 @@ Page({ | ||
239 | count:res.data.count, | 241 | count:res.data.count, |
240 | is_send:res.data.is_send,//能否参加1:不能2:能 | 242 | is_send:res.data.is_send,//能否参加1:不能2:能 |
241 | }); | 243 | }); |
244 | + this.getLocalImage(); | ||
242 | // self.countDown(); | 245 | // self.countDown(); |
243 | 246 | ||
244 | 247 | ||
@@ -266,6 +269,7 @@ Page({ | @@ -266,6 +269,7 @@ Page({ | ||
266 | 'detail.time': countDownArr, | 269 | 'detail.time': countDownArr, |
267 | }); | 270 | }); |
268 | } | 271 | } |
272 | + // this.drawCard(); | ||
269 | } | 273 | } |
270 | // wx.hideLoading() | 274 | // wx.hideLoading() |
271 | }) | 275 | }) |
@@ -383,6 +387,233 @@ Page({ | @@ -383,6 +387,233 @@ Page({ | ||
383 | console.log('详情options', options); | 387 | console.log('详情options', options); |
384 | this.setData({detail_id:+options.id?+options.id:''}); | 388 | this.setData({detail_id:+options.id?+options.id:''}); |
385 | }, | 389 | }, |
390 | + //点击分享 | ||
391 | + share() { | ||
392 | + // this.drawCard(); | ||
393 | + console.log(this.data.can_save); | ||
394 | + this.setData({can_save: false}); | ||
395 | + // wx.showLoading({title:'加载中',mask:true}); | ||
396 | + this.drawCard(); | ||
397 | + console.log(this.data.can_save); | ||
398 | + // if(this.data.can_save) { | ||
399 | + // wx.hideLoading({}); | ||
400 | + this.setData({show_canvas: true}); | ||
401 | + // } | ||
402 | + }, | ||
403 | + hideCanvasMask() { | ||
404 | + // this.setData({show_canvas: true}); | ||
405 | + }, | ||
406 | + //关闭分享卡片 | ||
407 | + closeCanvas() { | ||
408 | + this.setData({show_canvas: false}); | ||
409 | + // wx.navigateBack({delta:1}) | ||
410 | + }, | ||
411 | + //保存图片到手机相册 | ||
412 | + saveToPhone() { | ||
413 | + this.getPower(); | ||
414 | + }, | ||
415 | + //图片链接转成本地路径 | ||
416 | + getLocalImage() { | ||
417 | + const self = this; | ||
418 | + wx.getImageInfo({ | ||
419 | + src: self.data.detail.banner[0], | ||
420 | + success(res) { | ||
421 | + console.log('图片链接转成本地路径',res); | ||
422 | + self.setData({local_img:res.path}) | ||
423 | + self.drawCard() | ||
424 | + console.log(res.width) | ||
425 | + console.log(res.height) | ||
426 | + } | ||
427 | + }) | ||
428 | + }, | ||
429 | + drawCard() { | ||
430 | + console.log('开始画'); | ||
431 | + const self = this; | ||
432 | + //先创建一个画布 | ||
433 | + const ctx = wx.createCanvasContext("canvas"); | ||
434 | + //填充背景色 | ||
435 | + ctx.fillStyle = '#fff'; | ||
436 | + ctx.fillRect(0, 0, 300, 150); | ||
437 | + console.log(self.data.local_img); | ||
438 | + //将图片转化为画布 | ||
439 | + ctx.drawImage(self.data.local_img, 0, 0, 330, 150); | ||
440 | + console.log(111); | ||
441 | + // ctx.drawImage("../../../../images/tou.png", 20, 166, 30, 30);//头像 | ||
442 | + // ctx.drawImage("../../../../images/code.jpg", 220, 209, 60, 60);//头像 | ||
443 | + //用户名字 | ||
444 | + ctx.setFontSize(13); | ||
445 | + ctx.setFillStyle('#333333'); | ||
446 | + ctx.textAlign = "left"; | ||
447 | + console.log(111); | ||
448 | + ctx.fillText(self.data.detail.userName, 69, 187); | ||
449 | + ctx.restore(); | ||
450 | + //签到天数 | ||
451 | + ctx.setFontSize(17); | ||
452 | + ctx.setFillStyle('#2C82E6'); | ||
453 | + ctx.fillText('连续', 25, 229); | ||
454 | + ctx.restore(); | ||
455 | + ctx.setFillStyle('#2C82E6'); | ||
456 | + ctx.font = 'bold 22px sans-serif'; | ||
457 | + ctx.fillText(self.data.count, 63, 229); | ||
458 | + ctx.restore(); | ||
459 | + ctx.setFontSize(17); | ||
460 | + ctx.setFillStyle('#2C82E6'); | ||
461 | + ctx.font = 'normal 17px sans-serif'; | ||
462 | + ctx.fillText('天签到', 80, 229); | ||
463 | + ctx.restore(); | ||
464 | + | ||
465 | + const text = self.data.detail.content; | ||
466 | + // ctx.fillText('此处放文案此处放文案此处放文案此处放文案此处放文案此处放文案此处放文案', 25, 252,200); | ||
467 | + // ctx.restore(); | ||
468 | + var chr = text.split("");//这个方法是将一个字符串分割成字符串数组 | ||
469 | + var temp = ""; | ||
470 | + var row = []; | ||
471 | + ctx.setFontSize(13); | ||
472 | + ctx.setFillStyle('#333333'); | ||
473 | + for (var a = 0; a < chr.length; a++) { | ||
474 | + if (ctx.measureText(temp).width < 170) { | ||
475 | + temp += chr[a]; | ||
476 | + } | ||
477 | + else { | ||
478 | + a--; //这里添加了a-- 是为了防止字符丢失,效果图中有对比 | ||
479 | + row.push(temp); | ||
480 | + temp = ""; | ||
481 | + } | ||
482 | + } | ||
483 | + row.push(temp); | ||
484 | + | ||
485 | + //如果数组长度大于2 则截取前两个 | ||
486 | + if (row.length > 2) { | ||
487 | + var rowCut = row.slice(0, 2); | ||
488 | + var rowPart = rowCut[1]; | ||
489 | + var test = ""; | ||
490 | + var empty = []; | ||
491 | + for (var a = 0; a < rowPart.length; a++) { | ||
492 | + if (ctx.measureText(test).width < 170) { | ||
493 | + test += rowPart[a]; | ||
494 | + } | ||
495 | + else { | ||
496 | + break; | ||
497 | + } | ||
498 | + } | ||
499 | + empty.push(test); | ||
500 | + var group = empty[0] + "...";//这里只显示两行,超出的用...表示 | ||
501 | + rowCut.splice(1, 1, group); | ||
502 | + row = rowCut; | ||
503 | + } | ||
504 | + for (var b = 0; b < row.length; b++) { | ||
505 | + ctx.fillText(row[b], 25, 252 + b * 16, 170); | ||
506 | + } | ||
507 | + ctx.restore(); | ||
508 | + | ||
509 | + // ctx.drawImage("../../../../images/home-banner.png", 0, 0, 250, 150) | ||
510 | + //成功执行,draw方法中进行回调 | ||
511 | + ctx.draw(true, function () { | ||
512 | + // wx.hideLoading(); | ||
513 | + console.log("draw callback success"); | ||
514 | + self.setData({can_save: true,show_canvas: true}); | ||
515 | + console.log(self.data.can_save); | ||
516 | + }) | ||
517 | + }, | ||
518 | + //获取保存到相册的权限 | ||
519 | + getPower() { | ||
520 | + const that = this; | ||
521 | + //保存临时图片 | ||
522 | + wx.getSetting({ | ||
523 | + success(res) { | ||
524 | + if (!res.authSetting['scope.writePhotosAlbum']) { | ||
525 | + wx.authorize({ | ||
526 | + scope: 'scope.writePhotosAlbum', | ||
527 | + success() { //这里是用户同意授权后的回调 | ||
528 | + that.savePic(); | ||
529 | + }, | ||
530 | + fail() { //这里是用户拒绝授权后的回调 | ||
531 | + wx.showModal({ | ||
532 | + title: '提示', | ||
533 | + content: '若不打开授权,则无法将图片保存在相册中!', | ||
534 | + showCancel: true, | ||
535 | + cancelText: '暂不授权', | ||
536 | + cancelColor: '#000000', | ||
537 | + confirmText: '去授权', | ||
538 | + confirmColor: '#3CC51F', | ||
539 | + success: function (res) { | ||
540 | + if (res.confirm) { | ||
541 | + wx.openSetting({ | ||
542 | + //调起客户端小程序设置界面,返回用户设置的操作结果。 | ||
543 | + success: function (ret) { | ||
544 | + if (ret.authSetting["scope.writePhotosAlbum"] == true) { | ||
545 | + wx.showToast({ | ||
546 | + title: '授权成功', | ||
547 | + icon: 'none', | ||
548 | + duration: 1000 | ||
549 | + }); | ||
550 | + //再次授权,保存到相册 | ||
551 | + that.savePic(); | ||
552 | + } else { | ||
553 | + wx.showToast({ | ||
554 | + title: '授权失败', | ||
555 | + icon: 'none', | ||
556 | + duration: 1000 | ||
557 | + }) | ||
558 | + } | ||
559 | + } | ||
560 | + }) | ||
561 | + } else { | ||
562 | + wx.showToast({ | ||
563 | + title: '授权失败', | ||
564 | + icon: 'none', | ||
565 | + duration: 1000 | ||
566 | + }) | ||
567 | + // console.log('用户点击取消') | ||
568 | + } | ||
569 | + } | ||
570 | + }) | ||
571 | + } | ||
572 | + }) | ||
573 | + } else { //用户已经授权过了 | ||
574 | + console.log('用户已经授权过了') | ||
575 | + that.savePic(); | ||
576 | + } | ||
577 | + } | ||
578 | + }); | ||
579 | + | ||
580 | + }, | ||
581 | + savePic() { | ||
582 | + if(this.data.can_save) { | ||
583 | + wx.canvasToTempFilePath({ | ||
584 | + x: 0, | ||
585 | + y: 0, | ||
586 | + width: 300, | ||
587 | + height: 300, | ||
588 | + destWidth: 300, | ||
589 | + destHeight: 300, | ||
590 | + canvasId: 'canvas', | ||
591 | + fileType: 'jpg', | ||
592 | + quality:1, | ||
593 | + success: function (res) { | ||
594 | + console.log("get tempfilepath(success) is:", res.tempFilePath); | ||
595 | + //将图片保存在系统相册中(应先获取权限,) | ||
596 | + wx.saveImageToPhotosAlbum({ | ||
597 | + filePath: res.tempFilePath, | ||
598 | + success(res) { | ||
599 | + wx.showToast({title:'保存成功',icon:'none'}); | ||
600 | + console.log("save photo is success") | ||
601 | + }, | ||
602 | + fail: function () { | ||
603 | + wx.showToast({title:'保存失败',icon:'none'}); | ||
604 | + console.log("save photo is fail") | ||
605 | + } | ||
606 | + }) | ||
607 | + }, | ||
608 | + fail: function () { | ||
609 | + console.log('get tempfilepath is fail') | ||
610 | + } | ||
611 | + }) | ||
612 | + }else { | ||
613 | + wx.showLoading({title:'加载中',icon:'loading',duration:1000}) | ||
614 | + } | ||
615 | + | ||
616 | + }, | ||
386 | onShareAppMessage: function() { | 617 | onShareAppMessage: function() { |
387 | let self = this; | 618 | let self = this; |
388 | // 设置菜单中的转发按钮触发转发事件时的转发内容 | 619 | // 设置菜单中的转发按钮触发转发事件时的转发内容 |
@@ -24,12 +24,22 @@ | @@ -24,12 +24,22 @@ | ||
24 | <!--<text class='iconfont icon-shoucang0 star2'></text>--> | 24 | <!--<text class='iconfont icon-shoucang0 star2'></text>--> |
25 | <!--<text class="collect_word">收藏</text>--> | 25 | <!--<text class="collect_word">收藏</text>--> |
26 | <!--</view>--> | 26 | <!--</view>--> |
27 | - <button class="share" open-type="share"> | 27 | + <view class="share" bindtap="share"> |
28 | <view class="iconfont icon-fenxiang2"></view> | 28 | <view class="iconfont icon-fenxiang2"></view> |
29 | <text>分享</text> | 29 | <text>分享</text> |
30 | - </button> | ||
31 | </view> | 30 | </view> |
32 | </view> | 31 | </view> |
32 | + </view> | ||
33 | + <view class='wrap_note canvas-mask' wx:if="{{show_canvas}}" bindtap='hideCanvasMask'> | ||
34 | + <view class="shadow"> | ||
35 | + <canvas class='canvas-poster' canvas-id='canvas'></canvas> | ||
36 | + <view class="button-box"> | ||
37 | + <text bindtap="saveToPhone" class="save-to-phone">保存图片</text> | ||
38 | + <button class="share-btn" open-type="share">分享小程序</button> | ||
39 | + </view> | ||
40 | + </view> | ||
41 | + <view class="close-btn" bindtap="closeCanvas"><text class="iconfont icon-guanbi"></text></view> | ||
42 | + </view> | ||
33 | <swiper indicator-dots="{{false}}" current="{{current}}" bindchange="swiperChange" | 43 | <swiper indicator-dots="{{false}}" current="{{current}}" bindchange="swiperChange" |
34 | style="height:{{img_heights[current_swiper]}}rpx;" | 44 | style="height:{{img_heights[current_swiper]}}rpx;" |
35 | autoplay="{{true}}" interval="3000" duration="1000"> | 45 | autoplay="{{true}}" interval="3000" duration="1000"> |
@@ -43,7 +53,7 @@ | @@ -43,7 +53,7 @@ | ||
43 | </navigator> | 53 | </navigator> |
44 | </block> | 54 | </block> |
45 | </swiper> | 55 | </swiper> |
46 | - <view class="dots"> | 56 | + <view class="dots" wx:if="{{}}"> |
47 | <block wx:for="{{detail.banner}}" wx:key="index" wx:for-index="idx"> | 57 | <block wx:for="{{detail.banner}}" wx:key="index" wx:for-index="idx"> |
48 | <view class="dot{{idx == current_swiper ? ' active' : ''}}"></view> | 58 | <view class="dot{{idx == current_swiper ? ' active' : ''}}"></view> |
49 | </block> | 59 | </block> |
@@ -582,3 +582,70 @@ swiper { | @@ -582,3 +582,70 @@ swiper { | ||
582 | z-index: 10; | 582 | z-index: 10; |
583 | background: rgba(0,0,0,0.3); | 583 | background: rgba(0,0,0,0.3); |
584 | } | 584 | } |
585 | +.wrap_note { | ||
586 | + width: 100%; | ||
587 | + height: 100%; | ||
588 | + position: fixed; | ||
589 | + z-index: 20; | ||
590 | + background-color: rgba(255, 255, 255, 0.93); | ||
591 | + display: -webkit-box; | ||
592 | + display: -ms-flexbox; | ||
593 | + display: flex; | ||
594 | + -webkit-box-align: center; | ||
595 | + -ms-flex-align: center; | ||
596 | + align-items: center; | ||
597 | + -webkit-box-pack: center; | ||
598 | + -ms-flex-pack: center; | ||
599 | + justify-content: center; | ||
600 | + top: 0; | ||
601 | +} | ||
602 | +.canvas-mask { | ||
603 | + display: flex; | ||
604 | + flex-direction: column; | ||
605 | +} | ||
606 | +.shadow { | ||
607 | + box-shadow: 1rpx 1rpx 40rpx rgba(101, 101, 101, 0.1); | ||
608 | +} | ||
609 | +.canvas-poster { | ||
610 | + /* position: fixed; */ | ||
611 | + width: 600rpx; | ||
612 | + height: 604rpx; | ||
613 | + /* top: 100%; */ | ||
614 | + /* left: 100%; */ | ||
615 | + /* overflow: hidden; */ | ||
616 | +} | ||
617 | +.button-box { | ||
618 | + width: 600rpx; | ||
619 | + display: flex; | ||
620 | + align-items: center; | ||
621 | + justify-content: space-between; | ||
622 | + height: 56rpx; | ||
623 | + border-top: 1rpx solid #E8E8E8; | ||
624 | +} | ||
625 | +.save-to-phone, .share-btn{ | ||
626 | + width: 50%; | ||
627 | + line-height: 56rpx; | ||
628 | + color:#999; | ||
629 | + font-size: 24rpx; | ||
630 | + text-align: center; | ||
631 | + padding:0; | ||
632 | + background:#fff; | ||
633 | + border-radius: 0; | ||
634 | +} | ||
635 | +.share-btn::after { | ||
636 | + border:0; | ||
637 | +} | ||
638 | +.save-to-phone { | ||
639 | + border-right: 1rpx solid #E8E8E8; | ||
640 | +} | ||
641 | +.close-btn { | ||
642 | + color: #999999; | ||
643 | + font-size: 60rpx; | ||
644 | + border-radius: 50%; | ||
645 | + background-color: #fff; | ||
646 | + margin-top: 34rpx; | ||
647 | +} | ||
648 | +.close-btn .icon-guanbi { | ||
649 | + font-size: 50rpx; | ||
650 | + color: #999999; | ||
651 | +} |
-
请 注册 或 登录 后发表评论