diff --git a/src/views/reg-details/index.vue b/src/views/reg-details/index.vue index a5f279a..4e1155c 100644 --- a/src/views/reg-details/index.vue +++ b/src/views/reg-details/index.vue @@ -1,11 +1,11 @@ @@ -62,9 +63,11 @@ const cardFace = async (img, num) => {
- +
-
更换
+
更换
上传身份证人像面
@@ -75,44 +78,47 @@ const cardFace = async (img, num) => {
- +
-
更换
+
更换
上传身份证国徽面
-
-
-
-
姓名
-
{{ idCardInfo.realName }}
-
+
+
+
+
姓名
+
{{ idCardInfo.realName }}
+
-
-
-
-
性别
-
{{idCardInfo.sex}}
-
-
-
-
身份证号码
-
{{idCardInfo.iDNum}}
+
+
+
性别
+
{{idCardInfo.sex}}
+
-
-
-
-
有效日期
-
{{idCardInfo.issueDate?dayjs(idCardInfo.issueDate).format('YYYY年MM月DD日'):''}}-{{idCardInfo.expirationDate?dayjs(idCardInfo.expirationDate).format('YYYY年MM月DD日'):''}}
+
+
+
身份证号码
+
{{idCardInfo.iDNum}}
+
+
+
+
+
有效日期
+
{{idCardInfo.issueDate?dayjs(idCardInfo.issueDate).format('YYYY年MM月DD日'):''}}-{{idCardInfo.expirationDate?dayjs(idCardInfo.expirationDate).format('YYYY年MM月DD日'):''}}
+
-
-
*自动识别内容,请仔细核对
-
{{compareDate(idCardInfo.expirationDate)}}
- +
*自动识别内容,请仔细核对
+
{{compareDate(idCardInfo.expirationDate)}}
@@ -122,7 +128,7 @@ const cardFace = async (img, num) => { margin-top: 5px; width: 100%; height: 46px; - background-color: #E74747; + background-color: #e74747; color: #fff; font-size: 12px; display: flex; @@ -134,7 +140,7 @@ const cardFace = async (img, num) => { .content5 { text-align: right; font-size: 10px; - color: #FFFFFF; + color: #ffffff; margin-top: 8px; } @@ -155,24 +161,23 @@ const cardFace = async (img, num) => { .wrap1_1 { padding-top: 14px; padding-bottom: 14px; - border-bottom: #BBC5E0 solid 1px; + border-bottom: #bbc5e0 solid 1px; display: flex; .wrap1_1_2 { padding-left: 10px; - color: #24437E; + color: #24437e; font-size: 12px; } .wrap1_1_1 { flex-shrink: 0; display: flex; align-items: center; - border-right: #BBC5E0 solid 1px; + border-right: #bbc5e0 solid 1px; width: 92px; font-size: 12px; color: #000; padding-left: 10px; - } } } @@ -191,7 +196,7 @@ const cardFace = async (img, num) => { .wrap1_2 { margin-top: 3px; - color: #2159C4; + color: #2159c4; font-size: 12px; } @@ -206,7 +211,7 @@ const cardFace = async (img, num) => { justify-content: center; align-items: center; color: white; - background-color: #2159C4; + background-color: #2159c4; width: 48px; height: 32px; border-radius: 20px; @@ -221,7 +226,6 @@ const cardFace = async (img, num) => { height: 170px; } } - } } } @@ -241,7 +245,7 @@ const cardFace = async (img, num) => { .wrap1_2 { margin-top: 3px; - color: #2159C4; + color: #2159c4; font-size: 12px; } @@ -256,7 +260,7 @@ const cardFace = async (img, num) => { justify-content: center; align-items: center; color: white; - background-color: #2159C4; + background-color: #2159c4; width: 48px; height: 32px; border-radius: 20px; @@ -271,7 +275,6 @@ const cardFace = async (img, num) => { height: 170px; } } - } } }