raise-btn

src/onlineSelling/pages/records/index.js

@@ -68,10 +68,11 @@ export default class Records extends Component {
     const { recordList, noRecord } = this.state
     return (
       <Block>
-        <CheckboxGroup onChange={this.CheckboxChange}>
-          {
-            noRecord ? <Blank style="margin:14vh 0 32vh 0" tips="暂无预选记录" /> :
-              <ScrollView scrollY>
+        <ScrollView scrollY className="container">
+          <CheckboxGroup onChange={this.CheckboxChange}>
+            {
+              noRecord ? <Blank style="margin:14vh 0 32vh 0" tips="暂无预选记录" /> :
+                <View>
                 {
                   recordList.map((item) => {
                     return (
@@ -86,13 +87,13 @@ export default class Records extends Component {
                     )
                   })
                 }
-              </ScrollView >
+                </View>
+            }
+          </CheckboxGroup>
+          <Statement />
+        </ScrollView >
 
-          }
-        </CheckboxGroup>
-        <Statement />
-
-        {/* <View className="raise-btn">认筹房源</View> */}
+        <View className="raise-box"> <View className="raise-btn">认筹房源</View></View>
 
       </Block>
     )

src/onlineSelling/pages/records/index.scss

@@ -44,17 +44,24 @@
     padding-left: 30px;
     margin-bottom: 20px;
   }
-  .raise-btn{
-    width: 690px;
-    height:94px;
-    line-height: 94px;
-    background:rgba(187,156,121,1);
-    border-radius:10px;
-    color: #fff;
-    font-size: 36px;
-    text-align: center;
-    margin-bottom: 20px;
-  }  
+  .container {
+    height: calc(100vh - 254px);
+  }
+  .raise-box{
+    position: fixed;
+    width: 100vw;
+    padding: 30px;
+    .raise-btn{
+     
+      height:94px;
+      line-height: 94px;
+      background:rgba(187,156,121,1);
+      border-radius:10px;
+      color: #fff;
+      font-size: 36px;
+      text-align: center;
+    }  
+  }
 }
 
 .base-con{