考试结果

src/project/qujing/AppLegalLearning/components/GeneralLawExam.vue

@@ -24,19 +24,22 @@
         <div class="card_bottom col_blue" @click="handleToTest()">参加考试</div>
       </div>
     </div>
-    <u-popup v-model="show" mode="bottom" border-radius="32">
-			<div class="send_box">
-        <div class="text">
-          <textarea
-              @blur="height = 0"
-              placeholder-style="color: #999;font-size: 16px;"
-              v-model="content"
-              :cursor-spacing="40"
-              placeholder="我来说两句..."
-              @keyboardheightchange="keyboard">
-          </textarea>
+
+    <u-popup v-model="showAuth" mode="bottom" border-radius="32">
+			<div class="auth_box">
+        <div class="auth_title">居民信息认证</div>
+        
+        <div class="auth_form">
+          <div class="form_name">姓名</div>
+          <input class="form_value" type="text" placeholder="请输入姓名" v-model="value1"/>
+          <div class="form_name">身份证号</div>
+          <input class="form_value" type="idcard" placeholder="请输入18位身份证号" v-model="value2"/>
+        </div>
+
+        <div class="auth_btn">
+          <div class="cancel">取消</div>
+          <div class="submit">确定</div>
         </div>
-        <div class="send_btn">发送</div>
       </div>
 		</u-popup>
   </div>
@@ -46,6 +49,7 @@
 export default {
   data() {
     return {
+      showAuth: false,
       keyword: '',
       current: 1,
     }
@@ -151,5 +155,59 @@ export default {
       }
     }
   }
+
+  .auth_box {
+    padding: 32px;
+    box-sizing: border-box;
+
+    .auth_title {
+      font-weight: 600;
+      font-size: 34px;
+      color: #333333;
+      text-align: center;
+    }
+    .auth_form {
+      margin-top: 30px;
+
+      .form_name {
+        font-weight: 500;
+        font-size: 28px;
+        color: #333333;
+        margin-bottom: 16px;
+      }
+
+      input {
+        height: 96px;
+        background: #F4F5FA;
+        border-radius: 16px;
+        margin-bottom: 32px;
+        padding-left: 24px;
+      }
+    }
+
+    .auth_btn {
+      display: flex;
+      justify-content: space-between;
+      height: 100px;
+      padding: 10px 0;
+      box-sizing: border-box;
+      .cancel {
+        background: #F2F2F2;
+        color: #2D7DFF;
+      }
+      .submit {
+        background: #2D7DFF;
+        color: #FFF;
+      }
+      .cancel,
+      .submit {
+        width: 48%;
+        height: 80px;
+        line-height: 80px;
+        text-align: center;
+        border-radius: 16px;
+      }
+    }
+  }
 }
 </style>