开发分享文案

pages/pkResult/index.js

@@ -124,10 +124,18 @@ Page({
     return t
 
   },
-  result() {
-    wx.redirectTo({
-      url: `/pages/reading/index?videoId=${this.data.victory.userRead.exampleId}&readingType=pk`,
-    })
+  result({
+    currentTarget
+  }) {
+    if (currentTarget.dataset.type == 'reading') {
+      wx.redirectTo({
+        url: `/pages/reading/index?videoId=${this.data.victory.userRead.exampleId}&readingType=pk`,
+      })
+    } else {
+      wx.redirectTo({
+        url: `/pages/index/index`,
+      })
+    }
   },
   /**
    * 生命周期函数--监听页面卸载
@@ -195,7 +203,6 @@ Page({
               ctx.drawImage(leftImg, lx, ly, size, size)
               loadRightImg()
             }
-
             let loadRightImg = () => {
               let rightImg = canvas.createImage();
               rightImg.src = this.data.defeated.user.avatar
@@ -205,8 +212,12 @@ Page({
                   wx.canvasToTempFilePath({
                     canvas: canvas,
                     success: (res) => {
+                      let userName = this.data.pkRecord.userReadId == this.data.victory.userRead.id ? this.data.victory.user.nickName || this.data.victory.user.eid : this.data.defeated.user.nickName || this.data.defeated.user.eid
+                      if (userName.length > 4) {
+                        userName = userName.slice(0, 4)+'...'
+                      }
                       resolve({
-                        title: '请欣赏我的课文朗读作品，点赞+评论。',
+                        title: `我挑战了${userName}的作品，这场比拼真精彩！点击加入战局！`,
                         path: `/pages/pkResult/index?id=${this.data.pkId}&uid=${wx.getStorageSync('uid')}&playback=true`,
                         imageUrl: res.tempFilePath
                       })

pages/pkResult/index.less

@@ -1,7 +1,7 @@
 .pkResult {
   width: 100vw;
   height: 100vh;
-  background-color: #2B2859;
+  background-color: #6D9FFE;
   overflow: hidden;
 
   .title {
@@ -22,9 +22,6 @@
     width: 720rpx;
     height: 640rpx;
     margin: 60rpx auto;
-    background-image: radial-gradient(50% 102%, #5171BD 1%, #21287A 100%);
-    box-shadow: 0 4rpx 10rpx 0 rgba(0, 0, 0, 0.30), inset 0 -2rpx 3rpx 0 #052552, inset 0 2rpx 3rpx 0;
-    border-radius: 20rpx;
     text-align: center;
     box-sizing: border-box;
 
@@ -152,4 +149,12 @@
       box-shadow: 0 6px 14px 0 rgba(50, 197, 255, 0.65);
     }
   }
+
+  .footer2 {
+    justify-content: center;
+
+    .stBtn {
+      width: 320rpx;
+    }
+  }
 }

pages/pkResult/index.wxml

@@ -29,10 +29,13 @@
     </view>
   </view>
   <view class="footer" wx:if="{{!isplayback}}">
-    <view class="stBtn" bindtap="result">重新挑战</view>
+    <view class="stBtn" bindtap="result" data-type="reading">重新挑战</view>
     <button class="resetBtn btn" open-type="share">
-      分享
+      分享战绩
     </button>
   </view>
+  <view class="footer footer2" wx:else>
+    <view class="stBtn" bindtap="result" data-type="index">查看更多优秀作品</view>
+  </view>
 </view>
 <canvas id='share' type="2d"> </canvas>

pages/pkResult/index.wxss

@@ -1,7 +1,7 @@
 .pkResult {
   width: 100vw;
   height: 100vh;
-  background-color: #2B2859;
+  background-color: #6D9FFE;
   overflow: hidden;
 }
 .pkResult .title {
@@ -20,9 +20,6 @@
   width: 720rpx;
   height: 640rpx;
   margin: 60rpx auto;
-  background-image: radial-gradient(50% 102%, #5171BD 1%, #21287A 100%);
-  box-shadow: 0 4rpx 10rpx 0 rgba(0, 0, 0, 0.3), inset 0 -2rpx 3rpx 0 #052552, inset 0 2rpx 3rpx 0;
-  border-radius: 20rpx;
   text-align: center;
   box-sizing: border-box;
 }
@@ -134,3 +131,9 @@
   background-color: #66C5FF;
   box-shadow: 0 6px 14px 0 rgba(50, 197, 255, 0.65);
 }
+.pkResult .footer2 {
+  justify-content: center;
+}
+.pkResult .footer2 .stBtn {
+  width: 320rpx;
+}