作者 wumengyu

添加分享

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,7 +22,7 @@ @@ -22,7 +22,7 @@
22 margin: 16rpx 0; 22 margin: 16rpx 0;
23 } 23 }
24 .name { 24 .name {
25 - /* width: 67%; */ 25 + width: 50%;
26 overflow : hidden; 26 overflow : hidden;
27 display: -webkit-box; 27 display: -webkit-box;
28 -webkit-line-clamp: 1; 28 -webkit-line-clamp: 1;
@@ -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 +}