个人信息页面输入限制

pages/personal-center/account/info.vue

@@ -43,7 +43,8 @@
     </card-container>
     </card-container>
     <card-container style="margin-top: 16px;padding-bottom: 32px" title="联系方式" >
     <card-container style="margin-top: 16px;padding-bottom: 32px" title="联系方式" >
       <div class="info-account-item__wrap">
       <div class="info-account-item__wrap">
-        <input type="text" class="input1" v-model="wxNumber" placeholder="微信号">
+        <!--<input type="text" class="input1" v-model="wxNumber" placeholder="微信号">-->
+        <p class="input1">{{wxNumber?wxNumber+'(微信号)':'微信号'}}</p>
 
 
         <div class="radio-box2">
         <div class="radio-box2">
           <div class="input-radio">
           <div class="input-radio">
@@ -69,7 +70,9 @@
       </div>
       </div>
 
 
       <div class="info-account-item__wrap">
       <div class="info-account-item__wrap">
-        <input type="text" class="input1" v-model="qqNumber" placeholder="QQ号">
+        <!--<input type="text" class="input1" v-model="qqNumber" placeholder="QQ号">-->
+        <p class="input1">{{qqNumber?qqNumber+'(QQ号)':'QQ号'}}</p>
+
         <div class="radio-box2">
         <div class="radio-box2">
           <div class="input-radio">
           <div class="input-radio">
             <input id="everyone-qq" type="radio"  name="qq"   />
             <input id="everyone-qq" type="radio"  name="qq"   />
@@ -93,7 +96,9 @@
       </div>
       </div>
 
 
       <div class="info-account-item__wrap">
       <div class="info-account-item__wrap">
-        <input type="text" class="input1" v-model="mobile" placeholder="手机号">
+        <!--<input type="text" class="input1" v-model="mobile" placeholder="手机号">-->
+        <p class="input1">{{mobile?mobile+'(手机号)':'手机号'}}</p>
+
         <div class="radio-box2">
         <div class="radio-box2">
           <div class="input-radio">
           <div class="input-radio">
             <input id="everyone-phone" type="radio"  name="phone"   />
             <input id="everyone-phone" type="radio"  name="phone"   />
@@ -244,11 +249,12 @@
     }
     }
 
 
     .input1{
     .input1{
+      box-sizing: border-box;
       width:302*$length;
       width:302*$length;
-      height:48*$length;
       border-radius: 4*$length;
       border-radius: 4*$length;
       padding:14*$length 16*$length;
       padding:14*$length 16*$length;
       @include fontStyle(14,48,500,#999,left);
       @include fontStyle(14,48,500,#999,left);
+      line-height: 20px;
       background-color: #F4F8FA;
       background-color: #F4F8FA;
     }
     }