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) => {
-
-
-
姓名
-
{{ idCardInfo.realName }}
-
+
+
+
+
姓名
+
{{ idCardInfo.realName }}
+
-
-
-
-
性别
-
{{idCardInfo.sex}}
+
+
+
+
性别
+
{{idCardInfo.sex}}
+
+
+
+
+
身份证号码
+
{{idCardInfo.iDNum}}
+
+
+
+
+
有效日期
+
{{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;
}
}
-
}
}
}