小程序首页减法问题终于解决了

src/components/tip/index.less

@@ -1,7 +1,7 @@
 .tip{
   padding:23px 0 22px 31px;
   height: 70px;
-
+  flex: none;
   .tipicon{
     width: 17px;
     height: 19px;

src/pages/index/tabs/Recommend.jsx

@@ -11,7 +11,7 @@ import { getIndexType, getResourceList } from '@/services/home'
 import Card from '../components/Card'
 import './less/Recommend.less'
 
-const listStyle = { height: 'calc(100% - 145px)' }
+const listStyle = { height: '100%' }
 
 export default (props) => {
   const { router, person, location } = props
@@ -75,8 +75,7 @@ export default (props) => {
   // })
 
   return (
-    // <view style={{ height: '100%', overflow: 'hidden',display:'flex',flexDirection:'column' }}>
-    <view style={{ height: '100%', overflow: 'hidden' }}>
+    <view style={{ height: '100%', overflow: 'hidden', display: 'flex',   flexDirection:'column' }}>
       <view className='search' onClick={onSearch} >
         <input className='searchInput' disabled />
         <image className='searchicon' src={iconsearch} />

src/pages/index/tabs/less/Recommend.less

@@ -1,6 +1,7 @@
 .search{
     padding: 10px 30px 0 30px;
     position: relative;
+    flex: none;
     .searchInput{    
         height: 68px;
         background: #F8F8F8;
@@ -27,12 +28,6 @@
       letter-spacing: 0.2em;
     }
 }
-// .waterfall{
-//   column-count: 2;      //分两列
-//   column-gap: 30px;    //列间距
-//   background-color: #F8F8F8;
-//   padding:30px 30px 0 30px; 
-// }
 .botton{
   font-size: 28px;
   color: #C0C8D3;
@@ -43,6 +38,7 @@
 .index-tabs {
   padding-left: 95px;
   position: relative;
+  flex: none;
   .position{
     position: absolute;
     left: 36px;