优化

app.js

@@ -1,5 +1,7 @@
+import { REPORT_BEHAVIOR } from './utils/util.js';
 App({
   async onLaunch() {
+    REPORT_BEHAVIOR('打开app');
     const userInfo = wx.getStorageSync('userInfo') || null;
     const programConfig = wx.getStorageSync('programConfig') || null;
     this.globalData.userInfo = userInfo;

pages/competitionRecords/competitionRecords.wxml

@@ -17,7 +17,7 @@
             <view class="card-title">{{item.marathon_name}}</view>
             <view class="card-time">{{item.register_time}}</view>
           </view>
-          <image class="card-img" src="{{item.img}}" mode="aspectFit"/>
+          <!-- <image class="card-img" src="{{item.img}}" mode="aspectFit"/> -->
         </view>
         <view class="cell-box">
           <view>

pages/competitionRecords/competitionRecords.wxss

@@ -17,7 +17,7 @@
 .card-top{
   display: flex;
   position: relative;
-  height: 176.78rpx;
+  height: 150rpx;
 }
 .card-title-box{
   padding: 30rpx 0 0 32rpx;

pages/coupon/coupon.wxml

@@ -20,14 +20,15 @@
           </view>
           <view class="card-cont-ri">
             <view class="card-cont-ri-text">
+              <view class="money">¥{{item.coupon_money}}</view>
               <view class="m-ellipsis">{{item.coupon_name}}</view>
               <view class="pop-time m-ellipsis">{{item.end_time}}到期</view>
             </view>
-            <view>
-              <image class="card-cont-status" src="{{item.statusImg}}" mode="aspectFit"/>
-            </view>
           </view>
         </view>
+        <view class="status-bg">
+          <image class="card-cont-status" src="{{item.statusImg}}" mode="aspectFit"/>
+        </view>
       </view>
     </block>
 

pages/coupon/coupon.wxss

@@ -10,13 +10,14 @@
   margin: 36rpx 58rpx;
   position: relative;
   box-sizing: border-box;
+  z-index:0;
 }
 .card-img{
   width: 100%;
-  height: 140rpx;
+  height: 186.68rpx;
 }
 .card-cont{
-  height: 140rpx;
+  height: 186.68rpx;
   position: absolute;
   top: 0;
   display: flex;
@@ -44,21 +45,30 @@
 }
 .card-cont-ri{
   margin-left: 110rpx;
-  font-weight: 600;
+  font-weight: 400;
   font-size: 28rpx;
   color: #000000;
+  line-height: 40rpx;
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex: 1;
   overflow: hidden;
   box-sizing: border-box;
+  z-index: 2;
 }
 .card-cont-ri-text{
   overflow: hidden;
   margin-right: 10rpx;
   box-sizing: border-box;
 }
+.money{
+  font-weight: 600;
+  font-size: 28rpx;
+  color: #FF9E00;
+  line-height: 40rpx;
+  margin-bottom: 14rpx;
+}
 .pop-time{
   font-weight: 400;
   font-size: 20rpx;
@@ -66,10 +76,15 @@
   line-height: 28rpx;
   margin-top: 6rpx;
 }
+.status-bg{
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
 .card-cont-status{
-  width: 140rpx;
-  height: 56rpx;
-  margin-top: 10rpx;
+  width: 186.68rpx;
+  height: 186.68rpx;
 }
 .loading{
   color: #969799;

pages/couponDetail/couponDetail.wxss

@@ -62,7 +62,7 @@
 }
 .box-ri{
   font-weight: 400;
-  font-size: 22rpx;
+  font-size: 26rpx;
   color: #BCBCBC;
   line-height: 32rpx;
 }

utils/util.js

@@ -1,4 +1,5 @@
 import { getUserInfo,behaviorReport } from '../api/user'
+import md5 from './md5.min.js'
 // 获取手机号
 export const MAKE_PHONE_CALL = (phoneNumber) => {
   if (!phoneNumber) {
@@ -27,10 +28,14 @@ export async function FETCH_AND_FORMAT_USER_INFO() {
 }
 // 埋点上报
 export async function REPORT_BEHAVIOR(eventName = '', extra = {}) {
+  const timestamp = Date.now();
+  let _k = md5(`${timestamp} + ${eventName} + aaddfzew1343!@##`);
   try {
     const res = await behaviorReport({
       type: eventName,
-      ...extra
+      ...extra,
+      _k,
+      timestamp
     });
     console.log('埋点成功:', res);
     return res;