no message

pages/perfect/nickname.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="pass-box" >
-    <en-nav  ></en-nav>
+<!--    <en-nav  ></en-nav>-->
     <view class="login-box" :style="{'height':'calc(100vh - '+navHeight+'px)'}" >
       <view class="login-top">
         <view class="login-title">
@@ -93,71 +93,74 @@ export default {
 
 <style scoped lang="scss">
 @import "/static/css/shake.css";
-.login-box{
-  padding: 82rpx 80rpx 0 80rpx;
-  box-sizing: border-box;
-  position: relative;
-  .login-top{
-    .login-title{
-      padding-bottom: 60rpx;
-      .title-item{
-        font-size: 48rpx;
-      }
-    }
-    .login-from{
-      .from-title{
-        display: flex;
-        justify-content: flex-start;
-        height: 44rpx;
-        .title-circle{
-          width: 16rpx;
-          height: 16rpx;
-          border-radius: 50%;
-          margin-top: 14rpx;
-          margin-right: 8rpx;
+.pass-box{
+  .login-box{
+    padding: 160rpx 80rpx 0 80rpx;
+    box-sizing: border-box;
+    position: relative;
+    .login-top{
+      .login-title{
+        padding-bottom: 60rpx;
+        .title-item{
+          font-size: 48rpx;
         }
-
-
       }
-      .from-text{
-        width: 100%;
-        padding-bottom: 40rpx;
-        border-bottom: 1rpx solid #E0E0E0;
-        .from-input{
-          font-size: 32rpx;
+      .login-from{
+        .from-title{
+          display: flex;
+          justify-content: flex-start;
           height: 44rpx;
-          line-height: 44rpx;
+          .title-circle{
+            width: 16rpx;
+            height: 16rpx;
+            border-radius: 50%;
+            margin-top: 14rpx;
+            margin-right: 8rpx;
+          }
+
+
         }
-        .from-input::placeholder{
-          color: #999999;
+        .from-text{
+          width: 100%;
+          padding-bottom: 40rpx;
+          border-bottom: 1rpx solid #E0E0E0;
+          .from-input{
+            font-size: 32rpx;
+            height: 44rpx;
+            line-height: 44rpx;
+          }
+          .from-input::placeholder{
+            color: #999999;
+          }
+        }
+        .from-item{
+          margin-top: 60rpx;
         }
-      }
-      .from-item{
-        margin-top: 60rpx;
-      }
 
-    }
+      }
 
-    .login-but{
-      margin-top: 120rpx;
-    }
+      .login-but{
+        margin-top: 120rpx;
+      }
 
-    .local-txt{
-      padding-top: 32rpx;
-      font-size: 24rpx;
-      text-align: center;
+      .local-txt{
+        padding-top: 32rpx;
+        font-size: 24rpx;
+        text-align: center;
+      }
     }
-  }
-  .login-bottom{
-    padding-bottom: calc(58rpx + env(safe-area-inset-bottom));
-    position: absolute;
-    bottom: 0;
-    left: 68rpx;
-    width:calc(100vw - 136rpx);
-    .login-but{
-      margin-top: 120rpx;
+    .login-bottom{
+      padding-bottom: calc(58rpx + env(safe-area-inset-bottom));
+      position: absolute;
+      bottom: 0;
+      left: 68rpx;
+      width:calc(100vw - 136rpx);
+      .login-but{
+        margin-top: 120rpx;
+      }
     }
   }
 }
 
+
 </style>