。

src/pages/TobeShop/index.jsx

 import Taro from "@tarojs/taro";
-import { Button, Icon, Text, Textarea, View } from "@tarojs/components";
+import { Button, Icon, ScrollView, Text, Textarea, View } from "@tarojs/components";
 import { useState, useEffect } from "react";
 import withLayout from "@/layouts";
 import CustomNav from "@/components/CustomNav";
       Taro.showLoading({
         title: '核销中'
       })
-
       setSubmiting(true);
       Promise.all(checked.map(verifyNo => putVerifyTarget(verifyNo)))
         .then(res => {
           </button>
         </view>
       </Popup>
-      <view>
+      <view className='index-navbar'>
         <view className='position-header'>
           <image className='position-LocationBig' src={LocationBig} />
           <text cla='position-LocationBig-text'>
           />
           <text className='shop-title-title'>请选择你要核销的套餐</text>
         </view>
-        <SpinBox loading={loading}>
-          {(list || []).map((item) => {
-            return (
-              <TBCard item={item} key={item.verifyNo} checked={checked} handleCheck={handleCheck} />             
-            )           
-          })}
-        </SpinBox>
+      </view>
+      <View className='index-container'>
+        <ScrollView scrollY style={{height:'100%'}}>
+          <SpinBox loading={loading}>
+            {(list || []).map((item) => {
+              return (
+                <TBCard item={item} key={item.verifyNo} checked={checked} handleCheck={handleCheck} />
+              )
+            })}
+          </SpinBox>
+        </ScrollView>
+      </View>
+      <View className='index-tabber'>
         <view className='button-info'>
           <Button className='button-box' onClick={handleVerifyClick}>
             {btnText}
           </Button>
         </view>
-      </view>
+      </View>
     </view>
   );
 });

src/pages/TobeShop/style.less

 @whiteColor: #fff;
 
 .shop-Eat {
-  padding: 0 30px;
+  .coupon-card{
+    margin: 30px;
+  }
   .Consumption-Now {
     font-size: 34px;
     font-weight: bold;
   .position-header {
     display: flex;
     align-items: center;
+    margin: 0 30px;
     .position-LocationBig {
       width: 35px;
       height: 42px;
     width: 100%;
     display: flex;
     align-items: center;
-    margin-top: 71px;
-    margin-bottom: 41px;
+    margin: 71px 30px 41px 30px;
     .shop-title-image-cup {
       width: 32px;
       height: 32px;
     }
   }
   .button-info {
-    margin-bottom: 80px;
-    position: absolute;
-    bottom: 0;
-    width: calc(100% - 60px);
+    margin:0 30px 80px;
     .button-box {
       height: 92px;
       line-height: 92px;

src/pages/index/tabs/Recommend.jsx

 import Tip from '@/components/tip'
 import List from '@/components/List';
 import { getIndexType, getResourceList } from '@/services/home'
+import { View } from '@tarojs/components';
 import Card from '../components/Card'
 import NoData from '@/components/NoData'
 import './less/Recommend.less'
 
 
   return (
+    // <view style={{ height: '100%', overflow: 'hidden',display:'flex',flexDirection:'column' }}>
     <view style={{ height: '100%', overflow: 'hidden' }}>
       <view className='search' onClick={onSearch}>
         <input className='searchInput' disabled />
           </mp-tabs>
         </scroll-view>
       </view>
+      {/* <View style={{flex:'auto'}}> */}
       <List
         ref={listRef}
+        // style={{ height: '100%' }}
         style={{ height: 'calc(100% - 145px)' }}
         request={getResourceList}
         params={queryParams}
             </view>
         }
       </List>
+      {/* </View> */}
     </view>
   )
 }