Skip to content

F
founder_vue
Commit b24f5ba4 by maxiaohan
Options

查重 比中接口 认定接口调整

parent 416e65ba
Showing with 149 additions and 20 deletions
src/views/cxyrd/TT.scss
// 电话验证颜色
$phone: var(--phone, #606266); //#ff4242;
* { * {
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.rdwcDialog {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
background: rgba($color: #fff, $alpha: 0.65);
filter: blur(2px);
}
.rdwccontent {
padding: 20px;
box-sizing: border-box;
position: absolute;
top: calc(50% - 300px);
left: calc(50% - 300px);
z-index: 1000;
width: 600px;
height: 152px;
background: #ffffff;
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25);
border-radius: 6px;
display: flex;
flex-direction: column;
align-items: center;
.title {
font-size: 16px;
font-family: Microsoft YaHei;
color: #282f3c;
}
.rdwcbtns {
display: flex;
align-items: center;
margin-top: 30px;
.rdwcconfirm,
.rdwccancel {
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
width: 72px;
height: 40px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #aeb5c2;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #2e3846;
}
.rdwcconfirm {
&:hover {
border: 1px solid #055fe7;
color: #055fe7;
}
&:active {
border: 1px solid #044CB9;
color: #044CB9;
}
}
.rdwccancel {
margin-left: 24px;
background: #055fe7;
color: #ffffff;
&:hover {
background: #377FEC;
color: #FFFFFF;
}
&:active {
background: #044CB9;
color: #FFFFFF;
}
}
}
}
.bzDialog { .bzDialog {
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -105,6 +183,35 @@ ...@@ -105,6 +183,35 @@
.bzitem { .bzitem {
width: 338px; width: 338px;
margin-bottom: 20px; margin-bottom: 20px;
position: relative;
.bzphone {
/deep/.el-input__inner {
color: $phone;
}
}
.error-desc {
position: absolute;
height: 20px;
bottom: -24px;
right: 36px;
font-size: 12px;
font-family: Microsoft YaHei;
color: #FF3745;
}
.input-error {
position: absolute;
width: 16px;
height: 16px;
right: 51px;
top: 6px;
// img {
// object-fit: contain;
// }
.icon {
width: 16px;
height: 16px;
}
}
.bzname { .bzname {
width: 114px; width: 114px;
} }
......
src/views/cxyrd/modules/TTFace.vue
<template> <template>
<div class="tt_face"> <div class="tt_face">
<!-- <div class="middle"></div>-->
<div class="tt_face_src"> <div class="tt_face_src">
<div class="tt_face_src_label"> <div class="tt_face_src_label">
<div class="tt_face_src_label_font">源数据</div> <div class="tt_face_src_label_font">源数据</div>
</div> </div>
<div class="faces"> <div class="faces">
<div class="face_div"> <div class="face_div">
<div class="face"></div> <div class="face">
<img class="img" src="@/assets/img/正面.gif" />
</div>
<div class="face_label">正面</div> <div class="face_label">正面</div>
</div> </div>
<div class="face_div"> <div class="face_div">
<div class="face"></div> <div class="face">
<img class="img" src="@/assets/img/左侧面.gif" />
</div>
<div class="face_label">左侧面</div> <div class="face_label">左侧面</div>
</div> </div>
<div class="face_div"> <div class="face_div">
<div class="face"></div> <div class="face">
<img class="img" src="@/assets/img/右侧面.gif" />
</div>
<div class="face_label">右侧面</div> <div class="face_label">右侧面</div>
</div> </div>
<div class="face_div"> <div class="face_div">
<div class="face"></div> <div class="face">
<img class="img-idcard" src="@/assets/img/身份证.gif" />
</div>
<div class="face_label">身份证照</div> <div class="face_label">身份证照</div>
</div> </div>
</div> </div>
...@@ -30,19 +37,27 @@ ...@@ -30,19 +37,27 @@
</div> </div>
<div class="faces"> <div class="faces">
<div class="face_div"> <div class="face_div">
<div class="face"></div> <div class="face">
<img class="img" src="@/assets/img/正面.gif" />
</div>
<div class="face_label">正面</div> <div class="face_label">正面</div>
</div> </div>
<div class="face_div"> <div class="face_div">
<div class="face"></div> <div class="face">
<img class="img" src="@/assets/img/左侧面.gif" />
</div>
<div class="face_label">左侧面</div> <div class="face_label">左侧面</div>
</div> </div>
<div class="face_div"> <div class="face_div">
<div class="face"></div> <div class="face">
<img class="img" src="@/assets/img/右侧面.gif" />
</div>
<div class="face_label">右侧面</div> <div class="face_label">右侧面</div>
</div> </div>
<div class="face_div"> <div class="face_div">
<div class="face"></div> <div class="face">
<img class="img-idcard" src="@/assets/img/身份证.gif" />
</div>
<div class="face_label">身份证照</div> <div class="face_label">身份证照</div>
</div> </div>
</div> </div>
...@@ -64,21 +79,23 @@ div { ...@@ -64,21 +79,23 @@ div {
border: none; border: none;
} }
.tt_face { .tt_face {
height: 800px; height: 770px;
width: 1180px; width: 1180px;
margin-left: 330px; margin-left: 330px;
} }
/*源数据外层*/ /*源数据外层*/
.tt_face .tt_face_src { .tt_face .tt_face_src {
height: 390px; /*border: 1px solid darkred;*/
/*border: 1px solid darkred;*/
height: 360px;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
/*目标数据外层*/ /*目标数据外层*/
.tt_face .tt_face_dest { .tt_face .tt_face_dest {
height: 390px; height: 360px;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -86,7 +103,7 @@ div { ...@@ -86,7 +103,7 @@ div {
/*源标题*/ /*源标题*/
.tt_face_src_label { .tt_face_src_label {
width: 40px; width: 40px;
height: 340px; height: 320px;
background: #f6f8fa; background: #f6f8fa;
border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px;
display: flex; display: flex;
...@@ -105,10 +122,15 @@ div { ...@@ -105,10 +122,15 @@ div {
/*-webkit-background-clip: text;*/ /*-webkit-background-clip: text;*/
/*-webkit-text-fill-color: transparent;*/ /*-webkit-text-fill-color: transparent;*/
} }
.img {
margin-top: 30%;
}
.img-idcard {
margin-top: 40%;
}
.tt_face_dest_label { .tt_face_dest_label {
width: 40px; width: 40px;
height: 340px; height: 320px;
background: #f6f8fa; background: #f6f8fa;
border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px;
display: flex; display: flex;
...@@ -132,7 +154,7 @@ div { ...@@ -132,7 +154,7 @@ div {
.face_div { .face_div {
border: #333333 1px solid; border: #333333 1px solid;
width: 255px; width: 255px;
height: 340px; height: 320px;
background: #ffffff; background: #ffffff;
border-radius: 8px; border-radius: 8px;
border: 1px solid #cccccc; border: 1px solid #cccccc;
...@@ -140,7 +162,7 @@ div { ...@@ -140,7 +162,7 @@ div {
} }
.face { .face {
width: 255px; width: 255px;
height: 340px; height: 320px;
} }
.face_label { .face_label {
width: 100%; width: 100%;
......
src/views/cxyrd/modules/TTPlam.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="slabel">源数据</div> <div class="slabel">源数据</div>
<br /> <br />
<div class="palm"> <div class="palm">
<img src="@/assets/img/左手.gif" /> <img class="img" src="@/assets/img/左手.gif" />
</div> </div>
<br /> <br />
<div class="left">左掌</div> <div class="left">左掌</div>
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<div class="dlabel">目标数据</div> <div class="dlabel">目标数据</div>
<br /> <br />
<div class="palm"> <div class="palm">
<img src="@/assets/img/右手.gif" /> <img class="img" src="@/assets/img/右手.gif" />
</div> </div>
<br /> <br />
<div class="palm_label">右掌</div> <div class="palm_label">右掌</div>
...@@ -34,7 +34,7 @@ div { ...@@ -34,7 +34,7 @@ div {
display: inline-block; display: inline-block;
border: none; border: none;
} }
img { .img {
margin-top: 20%; margin-top: 20%;
} }
.tt_plam { .tt_plam {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment