Skip to content

F
founder_vue
Commit 6cd69e36 by 米嘉伟
Options

查重（系统，人工）比中弹窗人像暂无图像修改

parent 74544fdc
Showing with 485 additions and 2 deletions
src/views/cxyrd/TT.css 0 → 100644
@charset "UTF-8";
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.rdwcDialog {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.65);
filter: blur(2px);
}
.rdwccontent {
padding: 20px;
box-sizing: border-box;
position: absolute;
top: 30%;
left: 50%;
transform: translateX(-50%);
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;
}
.rdwccontent .title {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
}
.rdwccontent .rdwcbtns {
display: flex;
align-items: center;
margin-top: 30px;
}
.rdwccontent .rdwcbtns .rdwcconfirm,
.rdwccontent .rdwcbtns .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: HarmonyOS_Sans_SC;
color: #2e3846;
}
.rdwccontent .rdwcbtns .rdwcconfirm:hover {
border: 1px solid #055fe7;
color: #055fe7;
}
.rdwccontent .rdwcbtns .rdwcconfirm:active {
border: 1px solid #044cb9;
color: #044cb9;
}
.rdwccontent .rdwcbtns .rdwccancel {
margin-left: 24px;
background: #055fe7;
color: #ffffff;
}
.rdwccontent .rdwcbtns .rdwccancel:hover {
background: #377fec;
color: #ffffff;
}
.rdwccontent .rdwcbtns .rdwccancel:active {
background: #044cb9;
color: #ffffff;
}
.bzDialog {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.65);
filter: blur(2px);
}
.bzcontent {
box-sizing: border-box;
position: absolute;
top: calc(50% - 337px);
left: calc(50% - 371.5px);
z-index: 1000;
width: 743px;
height: 704px;
background: #ffffff;
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25);
border-radius: 6px;
}
.bzcontent .head-title {
box-sizing: border-box;
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
padding: 14px 32px;
}
.bzcontent .head-title .left {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
}
.bzcontent .head-title .close {
cursor: pointer;
width: 13px;
height: 13px;
}
.bzcontent .head-title .close img {
object-fit: contain;
}
.bzcontent .bzdesc {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
.bzcontent .bzdesc .bz-source {
width: 743px;
height: 235px;
background: rgba(255, 207, 54, 0.06);
padding: 24px 32px;
}
.bzcontent .bzdesc .bz-source .bzitem {
width: 338px;
margin-bottom: 20px;
}
.bzcontent .bzdesc .bz-source .bzitem .bzname {
width: 114px;
}
.bzcontent .bzdesc .bz-source .bzvalue.cc {
font-size: 14px;
font-family: HarmonyOS_Sans_SC-Bold, HarmonyOS_Sans_SC;
font-weight: bold;
color: #ffa219;
}
.bzcontent .bzdesc .bz-source .bzvalue .dot {
margin-bottom: 2px;
margin-right: 5px;
width: 6px;
height: 6px;
background: #ffa219;
border-radius: 50%;
}
.bzcontent .bzdesc .bz-source /deep/.el-radio {
color: #666;
margin-right: 24px;
}
.bzcontent .bzdesc .bz-source /deep/.el-radio__input.is-checked + .el-radio__label {
color: #333333;
padding-left: 8px;
}
.bzcontent .bzdesc .bz-source /deep/.el-radio__input.is-checked .el-radio__inner {
border: 1px solid #055fe7;
background: #055fe7;
}
.bzcontent .bzdesc .bz-source /deep/.el-radio__inner {
width: 16px;
height: 16px;
}
.bzcontent .bzdesc .bz-source /deep/.el-radio__inner::after {
width: 8px;
height: 8px;
}
.bzcontent .bzdesc .bz-source .bz-src-item {
width: 333px;
height: 150px;
}
.bzcontent .bzdesc .bz-source .bz-src-item .img {
border: 1px #cccccc solid;
width: 105px;
height: 150px;
position: relative;
top: -65px;
margin-right: 5px;
vertical-align: middle;
text-align: center;
}
.bzcontent .bzdesc .bz-source .bz-src-item .img span {
font-size: 12px;
color: #ccc;
}
.bzcontent .bzdesc .bz-source .bz-src-item .img img {
margin-top: 30%;
}
.bzcontent .bzdesc .bz-source .bz-src-item .img .title {
text-align: center;
position: relative;
bottom: -32px;
left: 0;
width: 104px;
height: 20px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%);
color: #ffffff;
font-size: 12px;
line-height: 20px;
z-index: 100;
}
.bzcontent .bzdesc .bz-source .bz-src-item .item {
height: 150px;
width: 220px;
font-size: 14px;
}
.bzcontent .bzdesc .bz-source .bz-src-item .item .title {
color: #999999;
height: 22px;
width: 180px;
height: 22px;
}
.bzcontent .bzdesc .bz-source .bz-src-item .item .value {
color: #333333;
height: 22px;
width: 180px;
height: 22px;
}
.bzcontent .bzdesc .bz-target {
width: 743px;
height: 160px;
padding: 24px 32px;
}
.bzcontent .bzdesc .bz-target .bzitem {
width: 338px;
margin-bottom: 20px;
position: relative;
}
.bzcontent .bzdesc .bz-target .bzitem .bzphone /deep/.el-input__inner {
color: var(--phone, #606266);
}
.bzcontent .bzdesc .bz-target .bzitem .error-desc {
position: absolute;
height: 20px;
bottom: -24px;
right: 36px;
font-size: 12px;
font-family: HarmonyOS_Sans_SC;
color: #ff3745;
}
.bzcontent .bzdesc .bz-target .bzitem .input-error {
position: absolute;
width: 16px;
height: 16px;
right: 51px;
top: 6px;
}
.bzcontent .bzdesc .bz-target .bzitem .input-error .icon {
width: 16px;
height: 16px;
}
.bzcontent .bzdesc .bz-target .bzitem .bzname {
width: 114px;
}
.bzcontent .bzdesc .bz-target /deep/.el-input {
width: 180px;
height: 32px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #e6e6e8;
}
.bzcontent .bzdesc .bz-target /deep/.el-input__inner {
height: 32px;
line-height: 32px;
}
.bzcontent .bzdesc .line {
width: 679px;
height: 1px;
background: #eeeeee;
margin-left: 32px;
}
.bzcontent .bzdesc .bzfooter {
padding: 0 32px;
width: 100%;
}
.bzcontent .bzdesc .bzfooter .footer-title {
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #666666;
}
.bzcontent .bzdesc .bzfooter .footer-title /deep/.el-textarea {
width: 100%;
}
.bzcontent .bzdesc .bzfooter /deep/.el-textarea__inner {
background: #f6f8fa;
box-shadow: 0px 1px 2px 0px rgba(5, 95, 231, 0.18);
border-radius: 4px;
border: 1px solid #eeeeee;
}
.bzcontent .bzdesc .bzbtns {
display: flex;
align-items: center;
margin-left: 287px;
margin-top: 30px;
}
.bzcontent .bzdesc .bzbtns .bzconfirm,
.bzcontent .bzdesc .bzbtns .bzcancel {
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: HarmonyOS_Sans_SC;
color: #2e3846;
}
.bzcontent .bzdesc .bzbtns .bzcancel {
margin-left: 24px;
background: #055fe7;
color: #ffffff;
}
.detail {
z-index: 1000;
position: absolute;
display: flex;
flex-direction: column;
text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 100vh;
}
.detail .head-title {
width: calc(50vh - 35px);
height: 30px;
font-size: 16px;
font-family: HarmonyOS_Sans_SC-Bold, HarmonyOS_Sans_SC;
font-weight: bold;
color: #333333;
line-height: 30px;
}
.detail .finger {
box-sizing: border-box;
border-radius: 8px;
border: 1px solid #cccccc;
background: #ffffff;
box-shadow: 0px 14px 30px 2px rgba(0, 21, 51, 0.16);
width: calc(50vh - 35px);
height: calc(50vh - 35px);
margin-bottom: 20px;
position: relative;
}
.detail .finger .wtx {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.detail .finger img {
border-radius: 8px;
width: 100% !important;
}
.detail .finger span {
font-size: 17px;
}
.bzActive {
filter: blur(2px);
}
.delText {
position: absolute;
bottom: -30px;
left: 50%;
width: 100%;
text-align: center;
transform: translateX(-50%);
}
.delText > p {
display: flex;
align-items: center;
width: 100%;
text-align: center;
justify-content: center;
}
.delText > p > img {
margin-right: 10px;
}
.delText > p span {
margin-right: 10px;
color: #e60012;
-webkit-background-clip: text;
font-family: HarmonyOS_Sans_SC;
font-size: 16px;
}
.hands {
color: #055fe7 !important;
}
.del {
text-decoration: none;
/*没有文本装饰*/
text-decoration: underline red;
/*红色下划线*/
text-decoration: underline wavy red;
/*红色波浪形下划线*/
text-decoration: line-through red;
/*红色删除线*/
}
src/views/cxyrd/TT.min.css 0 → 100644
*{box-sizing:border-box;margin:0;padding:0}.rdwcDialog{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(255,255,255,0.65);filter:blur(2px)}.rdwccontent{padding:20px;box-sizing:border-box;position:absolute;top:30%;left:50%;transform:translateX(-50%);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}.rdwccontent .title{font-size:16px;font-family:HarmonyOS_Sans_SC;color:#282f3c}.rdwccontent .rdwcbtns{display:flex;align-items:center;margin-top:30px}.rdwccontent .rdwcbtns .rdwcconfirm,.rdwccontent .rdwcbtns .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:HarmonyOS_Sans_SC;color:#2e3846}.rdwccontent .rdwcbtns .rdwcconfirm:hover{border:1px solid #055fe7;color:#055fe7}.rdwccontent .rdwcbtns .rdwcconfirm:active{border:1px solid #044cb9;color:#044cb9}.rdwccontent .rdwcbtns .rdwccancel{margin-left:24px;background:#055fe7;color:#ffffff}.rdwccontent .rdwcbtns .rdwccancel:hover{background:#377fec;color:#ffffff}.rdwccontent .rdwcbtns .rdwccancel:active{background:#044cb9;color:#ffffff}.bzDialog{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(255,255,255,0.65);filter:blur(2px)}.bzcontent{box-sizing:border-box;position:absolute;top:calc(50% - 337px);left:calc(50% - 371.5px);z-index:1000;width:743px;height:704px;background:#ffffff;box-shadow:0px 14px 30px 0px rgba(0,21,51,0.25);border-radius:6px}.bzcontent .head-title{box-sizing:border-box;width:100%;height:50px;display:flex;justify-content:space-between;padding:14px 32px}.bzcontent .head-title .left{font-size:16px;font-family:HarmonyOS_Sans_SC;color:#282f3c}.bzcontent .head-title .close{cursor:pointer;width:13px;height:13px}.bzcontent .head-title .close img{object-fit:contain}.bzcontent .bzdesc{font-size:14px;font-family:HarmonyOS_Sans_SC;color:#333333}.bzcontent .bzdesc .bz-source{width:743px;height:235px;background:rgba(255,207,54,0.06);padding:24px 32px}.bzcontent .bzdesc .bz-source .bzitem{width:338px;margin-bottom:20px}.bzcontent .bzdesc .bz-source .bzitem .bzname{width:114px}.bzcontent .bzdesc .bz-source .bzvalue.cc{font-size:14px;font-family:HarmonyOS_Sans_SC-Bold, HarmonyOS_Sans_SC;font-weight:bold;color:#ffa219}.bzcontent .bzdesc .bz-source .bzvalue .dot{margin-bottom:2px;margin-right:5px;width:6px;height:6px;background:#ffa219;border-radius:50%}.bzcontent .bzdesc .bz-source /deep/.el-radio{color:#666;margin-right:24px}.bzcontent .bzdesc .bz-source /deep/.el-radio__input.is-checked+.el-radio__label{color:#333333;padding-left:8px}.bzcontent .bzdesc .bz-source /deep/.el-radio__input.is-checked .el-radio__inner{border:1px solid #055fe7;background:#055fe7}.bzcontent .bzdesc .bz-source /deep/.el-radio__inner{width:16px;height:16px}.bzcontent .bzdesc .bz-source /deep/.el-radio__inner::after{width:8px;height:8px}.bzcontent .bzdesc .bz-source .bz-src-item{width:333px;height:150px}.bzcontent .bzdesc .bz-source .bz-src-item .img{border:1px #cccccc solid;width:105px;height:150px;position:relative;top:-65px;margin-right:5px;vertical-align:middle;text-align:center}.bzcontent .bzdesc .bz-source .bz-src-item .img span{font-size:12px;color:#ccc}.bzcontent .bzdesc .bz-source .bz-src-item .img img{margin-top:30%}.bzcontent .bzdesc .bz-source .bz-src-item .img .title{text-align:center;position:relative;bottom:-32px;left:0;width:104px;height:20px;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #000 100%);color:#ffffff;font-size:12px;line-height:20px;z-index:100}.bzcontent .bzdesc .bz-source .bz-src-item .item{height:150px;width:220px;font-size:14px}.bzcontent .bzdesc .bz-source .bz-src-item .item .title{color:#999999;height:22px;width:180px;height:22px}.bzcontent .bzdesc .bz-source .bz-src-item .item .value{color:#333333;height:22px;width:180px;height:22px}.bzcontent .bzdesc .bz-target{width:743px;height:160px;padding:24px 32px}.bzcontent .bzdesc .bz-target .bzitem{width:338px;margin-bottom:20px;position:relative}.bzcontent .bzdesc .bz-target .bzitem .bzphone /deep/.el-input__inner{color:var(--phone, #606266)}.bzcontent .bzdesc .bz-target .bzitem .error-desc{position:absolute;height:20px;bottom:-24px;right:36px;font-size:12px;font-family:HarmonyOS_Sans_SC;color:#ff3745}.bzcontent .bzdesc .bz-target .bzitem .input-error{position:absolute;width:16px;height:16px;right:51px;top:6px}.bzcontent .bzdesc .bz-target .bzitem .input-error .icon{width:16px;height:16px}.bzcontent .bzdesc .bz-target .bzitem .bzname{width:114px}.bzcontent .bzdesc .bz-target /deep/.el-input{width:180px;height:32px;background:#ffffff;border-radius:4px;border:1px solid #e6e6e8}.bzcontent .bzdesc .bz-target /deep/.el-input__inner{height:32px;line-height:32px}.bzcontent .bzdesc .line{width:679px;height:1px;background:#eeeeee;margin-left:32px}.bzcontent .bzdesc .bzfooter{padding:0 32px;width:100%}.bzcontent .bzdesc .bzfooter .footer-title{font-size:14px;font-family:HarmonyOS_Sans_SC;color:#666666}.bzcontent .bzdesc .bzfooter .footer-title /deep/.el-textarea{width:100%}.bzcontent .bzdesc .bzfooter /deep/.el-textarea__inner{background:#f6f8fa;box-shadow:0px 1px 2px 0px rgba(5,95,231,0.18);border-radius:4px;border:1px solid #eeeeee}.bzcontent .bzdesc .bzbtns{display:flex;align-items:center;margin-left:287px;margin-top:30px}.bzcontent .bzdesc .bzbtns .bzconfirm,.bzcontent .bzdesc .bzbtns .bzcancel{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:HarmonyOS_Sans_SC;color:#2e3846}.bzcontent .bzdesc .bzbtns .bzcancel{margin-left:24px;background:#055fe7;color:#ffffff}.detail{z-index:1000;position:absolute;display:flex;flex-direction:column;text-align:center;left:50%;top:50%;transform:translate(-50%, -50%);height:100vh}.detail .head-title{width:calc(50vh - 35px);height:30px;font-size:16px;font-family:HarmonyOS_Sans_SC-Bold, HarmonyOS_Sans_SC;font-weight:bold;color:#333333;line-height:30px}.detail .finger{box-sizing:border-box;border-radius:8px;border:1px solid #cccccc;background:#ffffff;box-shadow:0px 14px 30px 2px rgba(0,21,51,0.16);width:calc(50vh - 35px);height:calc(50vh - 35px);margin-bottom:20px;position:relative}.detail .finger .wtx{position:absolute;width:100%;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.detail .finger img{border-radius:8px;width:100% !important}.detail .finger span{font-size:17px}.bzActive{filter:blur(2px)}.delText{position:absolute;bottom:-30px;left:50%;width:100%;text-align:center;transform:translateX(-50%)}.delText>p{display:flex;align-items:center;width:100%;text-align:center;justify-content:center}.delText>p>img{margin-right:10px}.delText>p span{margin-right:10px;color:#e60012;-webkit-background-clip:text;font-family:HarmonyOS_Sans_SC;font-size:16px}.hands{color:#055fe7 !important}.del{text-decoration:none;text-decoration:underline red;text-decoration:underline wavy red;text-decoration:line-through red}
src/views/cxyrd/TT.scss
......@@ -186,12 +186,21 @@ $phone: var(--phone, #606266); //#ff4242;
width: 105px;
height: 150px;
position: relative;
top: -105px;
top: -65px;
margin-right: 5px;
vertical-align: middle;
text-align: center;
span{
font-size: 12px;
color: #ccc
}
img{
margin-top: 30%;
}
.title {
text-align: center;
position: relative;
bottom: -100px;
bottom: -32px;
left: 0;
width: 104px;
height: 20px;
......
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