积分审核

src/project/fd/AppPointsReview/AppPointsReview.vue

@@ -22,18 +22,18 @@
       </div>
     </AiTopFixed>
     <div class="list-content">
-      <div class="item">
+      <div class="item" @click="toDetail">
         <div class="title-flex">
           <p class="title">事件类型事件类型事件类型事件类型事件类型事件类型</p>
           <div class="btn">
             <div>推送精选</div>
-            <p>已推送</p>
+            <!-- <p>已推送</p> -->
           </div>
         </div>
         <div class="user-name">李进放<span>积分+5</span></div>
         <div class="time-flex">
-          <span>审核通过</span>
           <span>2023-03-30 09:09</span>
+          <span class="color-0">审核通过</span>
         </div>
       </div>
       <div class="item">
@@ -42,8 +42,8 @@
         </div>
         <div class="user-name">李进放<span>积分+5</span></div>
         <div class="time-flex">
-          <span>审核通过</span>
           <span>2023-03-30 09:09</span>
+          <span class="color-0">审核通过</span>
         </div>
       </div>
     </div>
@@ -73,6 +73,9 @@ export default {
       this.getListInit()
       this.getTotal()
     },
+    toDetail() {
+      uni.navigateTo({url: `./detail`})
+    }
   },
 };
 </script>
@@ -128,17 +131,19 @@ export default {
         display: flex;
         .title {
           word-break: break-all;
-          font-size: 30px;
-          font-weight: 500;
-          color: #333;
-          line-height: 34px;
           text-overflow: -o-ellipsis-lastline;
           overflow: hidden;
           text-overflow: ellipsis;
           display: -webkit-box;	
           -webkit-line-clamp: 2;
           line-clamp: 2;					
-          -webkit-box-orient: vertical;	
+          -webkit-box-orient: vertical;
+          margin-bottom: 16px;
+          color: #333;
+          font-size: 32px;
+          font-weight: 500;
+          font-family: "PingFang SC";
+          line-height: 44px;
         }
         .btn {
           text-align: right;
@@ -146,19 +151,43 @@ export default {
           div {
             width: 150px;
             text-align: center;
-            border-radius: 4px;
+            border-radius: 8px;
             line-height: 56px;
             background: #1365DD;
             color: #fff;
             font-size: 28px;
           }
           p {
-            margin-top: 8px;
             font-size: 28px;
             color: #666;
           }
         }
       }
+      .user-name {
+        font-size: 28px;
+        color: #666;
+        line-height: 34px;
+        margin-bottom: 16px;
+        span {
+          margin-left: 32px;
+        }
+      }
+      .time-flex {
+        display: flex;
+        justify-content: space-between;
+        font-size: 28px;
+        color: #999;
+        line-height: 34px;
+        .color-0{
+          color: #42D784;
+        }
+        .color-1{
+          color: #cd413aff;
+        }
+        .color-2{
+          color: #1365DD;
+        }
+      }
     }
   }
 }