fix bug

@@ -68,6 +68,7 @@
                     color: #b0b0b0;
                     color: #b0b0b0;
                     height: 50px;
                     height: 50px;
                     line-height: 50px;
                     line-height: 50px;
+                    width: 80%;
                 }
                 }
 
 
                 .gender {
                 .gender {

@@ -9,7 +9,7 @@
             </label>
             </label>
         </li>
         </li>
         <li>
         <li>
-            <label>昵称<input class="nickname" v-model='nickname' maxlength="20" @input="setNickname" @change="checkNickname"></label>
+            <label>昵称<input class="nickname" v-model='nickname' maxlength="16" @input="setNickname" @change="checkNickname"></label>
         </li>
         </li>
         <li>
         <li>
             <label @click="setAender">性别
             <label @click="setAender">性别
@@ -51,7 +51,7 @@
             };
             };
         },
         },
         computed: {
         computed: {
-            spanbirthday: function(){
+            spanbirthday: function() {
                 const arr = this.birthday.split('-');
                 const arr = this.birthday.split('-');
 
 
                 return arr.length === 3 ? `${arr[0]}年${arr[1]}月${arr[2]}日` : '';
                 return arr.length === 3 ? `${arr[0]}年${arr[1]}月${arr[2]}日` : '';