修改样式

src/school/practice-rewards/index.module.less

@@ -5,13 +5,15 @@
 }
 
 .btn {
-  border-radius: 13px;
-  border: 1px solid #f67146;
+  display: inline-block;
+  background: linear-gradient(180deg, #ffffff 0%, #ffe7cc 100%);
+  border-radius: 15px;
+  backdrop-filter: blur(3px);
   font-size: 14px;
   font-weight: 500;
-  color: #f67146;
+  color: #ff551e;
   line-height: 20px;
-  padding: 3px 9px;
+  padding: 5px 18px;
 }
 .gridGroup {
   margin: 12px 13px;
@@ -47,12 +49,12 @@
 .headerContainer {
   // padding: 0 13px;
   background: url('./images/card-bg.png') no-repeat center center;
-  background-size: contain;
-  height: 186px;
+  background-size: cover;
+  height: 190px;
   box-sizing: content-box;
   .headerContent {
     position: relative;
-    padding: 15px 20px 25px;
+    padding: 31px 20px 25px 38px;
     // background: linear-gradient(135deg, #ff9a60 0%, #ff6040 100%);
     border-radius: 10px;
     font-size: 16px;
@@ -66,6 +68,13 @@
     font-weight: bold;
     color: #ffffff;
     line-height: 45px;
+    span {
+      font-size: 26px;
+      font-weight: bold;
+      color: #ffffff;
+      line-height: 30px;
+      padding-right: 6px;
+    }
   }
 }
 

src/school/practice-rewards/index.tsx

@@ -91,8 +91,27 @@ export default defineComponent({
             <div class={styles.headerContent}>
               <div class={styles.priceTitle}>待结算金额 (元)</div>
               <div class={styles.priceCount}>
+                <span>¥</span>
                 {state.seeType === 'see' ? moneyFormat(state.statistics.waitSalary) : '****'}
               </div>
+
+              <span
+                class={styles.btn}
+                onClick={() => {
+                  // MANAGE,COURSE,TRAINING
+                  postMessage({
+                    api: 'open_app_page',
+                    content: {
+                      action: 'app',
+                      pageTag: 'settlementRecord',
+                      url: '',
+                      params: JSON.stringify({ type: 'TRAINING' })
+                    }
+                  })
+                }}
+              >
+                结算记录
+              </span>
             </div>
           </div>
         </OSticky>