开发pk平分样式

app.json

@@ -1,12 +1,12 @@
 {
   "pages": [
     "pages/index/index",
+    "pages/pkResult/index",
     "pages/ranking/index",
     "pages/works/index",
     "pages/collection/index",
     "pages/personal/index",
     "pages/childClassify/index",
-    "pages/pkResult/index",
     "pages/score/index",
     "pages/reading/index",
     "pages/pkPage/index",

pages/pkResult/index.js

@@ -22,6 +22,7 @@ Page({
     currentType: '',
     victory: {},
     defeated: {},
+    equal: false
   },
   /**
    * 生命周期函数--监听页面加载
@@ -40,13 +41,13 @@ Page({
     this.innerAudioContext = wx.createInnerAudioContext()
   },
   compareScore() {
-    /* let pkData = {
+    let pkData = {
       audioPath: "https://reader-wx.ai160.com/audio/reader/103138024.mp3",
       avatar: "wxfile://,tmp_ba795553cc21cd941badc3ce06597c245f08fd6a674fe165.jpg",
       nickName: "小舞",
       score: 96,
-    } */
-    let pkData = this.data.pkData
+    }
+    // let pkData = this.data.pkData
     let score = pkData.score
     let myResult = {
       audioPath: this.data.readDetail.tempFilePath,
@@ -54,11 +55,12 @@ Page({
       avatar: this.data.userInfo.avatar,
       score: this.data.readDetail.myOverall
     }
+    console.log(myResult, score);
     this.setData({
+      equal: score == myResult.score,
       victory: myResult.score > score ? myResult : pkData,
-      defeated: myResult.score < score ? myResult : pkData,
+      defeated: myResult.score <= score ? myResult : pkData,
     })
-
   },
   playAudio({
     currentTarget

pages/pkResult/index.less

@@ -42,6 +42,12 @@
       }
     }
 
+    .equal {
+      top: 70rpx !important;
+      background: url('http://reader-wx.ai160.com/images/reader/v3/pingzuo.png')no-repeat;
+      background-size: 100% 100%;
+    }
+
     .right {
       position: absolute;
       top: 70rpx;
@@ -57,6 +63,11 @@
       }
     }
 
+    .equalRight {
+      background: url('http://reader-wx.ai160.com/images/reader/v3/pingyou.png')no-repeat;
+      background-size: 100% 100%;
+    }
+
     .avatar {
       position: absolute;
       width: 110rpx;

pages/pkResult/index.wxml

@@ -2,7 +2,7 @@
   <view class="title">{{readDetail.title}}</view>
   <view class="time">2023-01-12 13:13</view>
   <view class="body">
-    <view class="left">
+    <view class="left {{equal?'equal':''}}">
       <image src="{{victory.avatar}}" class="avatar avatarL" mode="" />
       <view class="bodyTitle textOver">{{victory.nickName}}</view>
       <view class="bodyScore">{{victory.score}}分</view>
@@ -14,7 +14,7 @@
         <view class="end">{{vEnd}}</view>
       </view>
     </view>
-    <view class="right">
+    <view class="right {{equal?'equalRight':''}}">
       <image src="{{defeated.avatar}}" class="avatar avatarR" mode="" />
       <view class="bodyTitle textOver">{{defeated.nickName}}</view>
       <view class="bodyScore">{{defeated.score}}分</view>

pages/pkResult/index.wxss

@@ -38,6 +38,11 @@
   top: 64rpx;
   left: 110rpx;
 }
+.pkResult .body .equal {
+  top: 70rpx !important;
+  background: url('http://reader-wx.ai160.com/images/reader/v3/pingzuo.png') no-repeat;
+  background-size: 100% 100%;
+}
 .pkResult .body .right {
   position: absolute;
   top: 70rpx;
@@ -51,6 +56,10 @@
   top: 57rpx;
   left: 107rpx;
 }
+.pkResult .body .equalRight {
+  background: url('http://reader-wx.ai160.com/images/reader/v3/pingyou.png') no-repeat;
+  background-size: 100% 100%;
+}
 .pkResult .body .avatar {
   position: absolute;
   width: 110rpx;