Authored by 郭成尧

dialog-style

<div class="safe-check-tip">
您正在使用礼品卡支付,为了保障 您的安全,请进行安全验证。 验证码已发送至{{mobile}}手机号
</div>
<div class="safe-check-form">
<div class="input-group">
<input type="text" placeholder="短信验证码">
<button class="get-verify-code-btn">获取验证码</button>
</div>
</div>
\ No newline at end of file
... ...
... ... @@ -813,3 +813,57 @@
display: block;
}
}
#dialog-wrapper > .dialog-box {
background: #fff;
> .dialog-header {
padding-top: 42px;
padding-bottom: 22px;
font-size: 36px;
font-weight: 500;
}
> .dialog-content {
padding-top: 0;
padding-bottom: 31px;
.safe-check-tip {
font-size: 22px;
color: #b0b0b0;
}
.input-group {
width: 470px;
height: 86px;
margin-top: 38px;
line-height: 86px;
border-radius: 4px;
background-color: #fff;
border: solid 1px #e0e0e0;
input {
float: left;
margin-top: 21px;
margin-left: 24px;
background-color: transparent;
border: none;
box-shadow: none;
}
.get-verify-code-btn {
float: right;
width: 159px;
height: 53px;
margin-top: 16px;
margin-right: 12px;
border-radius: 26px;
background-color: #444;
border: none;
font-size: 24px;
font-weight: 300;
color: #fff;
}
}
}
}
... ...