css

assets/css/mine/user.scss

 .page-user {
+    height: 100vh;
     padding: 22rpx 24rpx 0 24rpx;
     background: linear-gradient(200deg, #d6e8ff 0%, #f5f5f7 277px);
+    overflow-y: auto;
     .user-head {
         justify-content: flex-end;
         .msg {

components/bottom_nav.vue

@@ -27,7 +27,7 @@ export default {
     name: 'bottom_nav',
     props: {
         actval: {
-            type: String,
+            type: Number,
             default: 1
         }
     },
@@ -42,19 +42,23 @@ export default {
 
 <style scoped lang="scss">
 .bottom-nav-fixed {
-    width: 750rpx;
+    width: 100%;
     height: 100rpx;
     background: #fff;
     position: fixed;
     bottom: 0rpx;
+    left: 0;
+    right: 0;
     z-index: 6;
     padding-top: 14rpx;
+    z-index: 9999;
     navigator {
         display: block;
         color: $uni-color999;
         font-size: 20rpx;
         width: 25%;
         text-align: center;
+        transition: all 0.4s ease;
         text {
             font-size: 44rpx;
         }