w-vue-middle
Version:
统一公共服务组件
98 lines • 1.86 kB
text/less
.pop-head {
height: 100%;
//line-height: 26px;
padding: 4px 2px 4px 10px;
border: 1px solid #6EABFE;
background: linear-gradient(180deg, #FFFFFF 0%, #DFECFF 100%);
color: #000;
border-radius: 4px;
cursor: pointer;
&__field {
display: flex;
align-items: center;
font-weight: bold;
}
&__icon {
margin-right: 6px;
font-size: 20px;
}
&__text {
flex: 1;
}
&.pop-head--error {
color: #EC0000;
border-color: #EC0000;
background: #FFF2F2;
}
&--bottom {
display: flex;
font-size: 12px;
.label {
margin-right: 4px;
color: #7f7f7f;
}
}
}
.pop-content {
position: relative;
min-height: 90px;
padding: 4px 24px 4px 4px;
.pop--tip {
position: absolute;
top: -12px;
right: -16px;
width: 22px;
text-align: center;
min-height: 94px;
color: #000;
background-color: #E8E8E8;
border-bottom-left-radius: 22px;
}
.pop-row {
display: flex;
line-height: 28px;
}
.pop-label {
width: 120px;
color: #666;
}
.pop-value {
display: flex;
align-items: baseline;
flex: 1;
color: #000;
font-weight: bold;
word-break: break-all;
&--error {
color: #EC0000;
}
}
.pop-text {
width: 120px;
word-break: break-all;
}
.pop-btn--click {
color: #2D5AFA;
font-weight: bold;
cursor: pointer;
}
.pop-tag {
display: inline-block;
height: 22px;
padding: 4px 8px;
margin-left: 12px;
line-height: 14px;
background-color: #E8F6EE;
color: #00AB44;
border-radius: 4px;
&--error {
background-color: #FBF4F4;
color: #EC0000;
}
}
.pop--bottom {
display: flex;
justify-content: center;
margin-top: 14px;
}
}