修改

src/views/student-register/tenant-apply-data/index.module.less

@@ -58,7 +58,7 @@
 
     .price {
       font-size: 22px;
-      font-family: DINAlternate-Bold, DINAlternate;
+      // font-family: DINAlternate-Bold, DINAlternate;
       font-weight: bold;
       line-height: 28px;
     }
@@ -69,7 +69,7 @@
       font-size: 15px;
       line-height: 21px;
       color: #777777;
-      margin-top: 3px;
+      margin-top: 6px;
     }
 
     .icon {
@@ -121,9 +121,15 @@
   min-height: calc(100vh - 40px - 24px - 50px);
 }
 
+.buyContainer {
+  height: calc(100vh - 40px - 24px - 50px);
+  overflow-y: auto;
+}
+
 .buyList {
   margin: 0 13px 12px;
 
+
   .buyItem {
     margin-bottom: 12px;
     background: #FFFFFF;
@@ -139,10 +145,10 @@
     font-size: 14px;
 
     .buyPrice {
-      font-size: 22px;
+      font-size: 21px;
       font-family: DINAlternate-Bold, DINAlternate;
       font-weight: bold;
-      color: #FC1A19;
+      color: #FF5A56;
 
       i {
         font-size: 18px;

src/views/student-register/tenant-apply-data/index.tsx

@@ -235,64 +235,69 @@ export default defineComponent({
               isLink
               arrowDirection="down"
               onClick={() => (forms.classStatus1 = true)}></Cell>
-            <div class={styles.buyList}>
-              {showContact.value ? (
-                <OFullRefresh
-                  v-model:modelValue={refreshing.value}
-                  onRefresh={onRefresh}
-                  class={styles.refreshC}>
-                  <List
-                    loading-text=" "
-                    finished={finished.value}
-                    finished-text=" "
-                    onLoad={getOrderPage}>
-                    {list.value.map((item: any) => (
-                      <CellGroup class={styles.buyItem} border={false}>
-                        <Cell>
-                          {{
-                            title: () => (
-                              <div class={styles.buyHeader}>
-                                <span class={styles.buyTimer}>
-                                  <img
-                                    src={iconTimer}
-                                    class={styles.iconTimer}
-                                  />
-                                  {item.payTime}
-                                </span>
-                                <span class={styles.buyPrice}>
-                                  <i>¥</i> {moneyFormat(item.paymentCashAmount)}
-                                </span>
-                              </div>
-                            )
-                          }}
-                        </Cell>
-                        <Cell>
-                          {{
-                            title: () => (
-                              <div class={styles.contact}>
-                                <span class={styles.b}>{item.userName}</span>
-                                <span class={styles.b}>{item.schoolName}</span>
-                              </div>
-                            ),
-                            label: () => (
-                              <div class={styles.buyContent}>
-                                <span>购买内容</span>
-                                {item.goodsName}
-                              </div>
-                            )
-                          }}
-                        </Cell>
-                      </CellGroup>
-                    ))}
-                  </List>
-                </OFullRefresh>
-              ) : (
-                ''
-              )}
+            <div class={styles.buyContainer}>
+              <div class={styles.buyList}>
+                {showContact.value ? (
+                  <OFullRefresh
+                    v-model:modelValue={refreshing.value}
+                    onRefresh={onRefresh}
+                    class={styles.refreshC}>
+                    <List
+                      loading-text=" "
+                      finished={finished.value}
+                      finished-text=" "
+                      onLoad={getOrderPage}>
+                      {list.value.map((item: any) => (
+                        <CellGroup class={styles.buyItem} border={false}>
+                          <Cell>
+                            {{
+                              title: () => (
+                                <div class={styles.buyHeader}>
+                                  <span class={styles.buyTimer}>
+                                    <img
+                                      src={iconTimer}
+                                      class={styles.iconTimer}
+                                    />
+                                    {item.payTime}
+                                  </span>
+                                  <span class={styles.buyPrice}>
+                                    <i>¥</i>{' '}
+                                    {moneyFormat(item.paymentCashAmount)}
+                                  </span>
+                                </div>
+                              )
+                            }}
+                          </Cell>
+                          <Cell>
+                            {{
+                              title: () => (
+                                <div class={styles.contact}>
+                                  <span class={styles.b}>{item.userName}</span>
+                                  <span class={styles.b}>
+                                    {item.schoolName}
+                                  </span>
+                                </div>
+                              ),
+                              label: () => (
+                                <div class={styles.buyContent}>
+                                  <span>购买内容</span>
+                                  {item.goodsName}
+                                </div>
+                              )
+                            }}
+                          </Cell>
+                        </CellGroup>
+                      ))}
+                    </List>
+                  </OFullRefresh>
+                ) : (
+                  ''
+                )}
 
-              {!showContact.value && !loading.value && (
-                <OEmpty description="暂无购买详情" class={styles.emptyC} />
-              )}
+                {!showContact.value && !loading.value && (
+                  <OEmpty description="暂无购买详情" class={styles.emptyC} />
+                )}
+              </div>
             </div>
           </Tab>
         </Tabs>