|
|
|
|
@ -26,7 +26,9 @@
|
|
|
|
|
</a-input>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="验证码" style="text-align: left">
|
|
|
|
|
<a-input style="width:unset" v-decorator="[
|
|
|
|
|
<div class="g_flex_row_start">
|
|
|
|
|
<div>
|
|
|
|
|
<a-input style="width:240px" v-decorator="[
|
|
|
|
|
'code',
|
|
|
|
|
{
|
|
|
|
|
rules: [
|
|
|
|
|
@ -39,11 +41,23 @@
|
|
|
|
|
},
|
|
|
|
|
]" type="text" placeholder="请输入短信验证码">
|
|
|
|
|
<!-- <i slot="prefix" class="icon-duanxinyanzheng iconfont" /> -->
|
|
|
|
|
<span class="getrulecode" slot="suffix">
|
|
|
|
|
<!-- <span class="getrulecode" slot="suffix">
|
|
|
|
|
<span @click="getPhoneCode" data-mark="getcode" v-if="timedata.isfinish">获取验证码</span>
|
|
|
|
|
<timmer :timedata="timedata" v-if="!timedata.isfinish" />
|
|
|
|
|
</span>
|
|
|
|
|
</span> -->
|
|
|
|
|
</a-input>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="g_ml_12">
|
|
|
|
|
<!-- <a-button>
|
|
|
|
|
<span @click="getPhoneCode" data-mark="getcode" v-if="timedata.isfinish">获取验证码</span>
|
|
|
|
|
<timmer :timedata="timedata" v-if="!timedata.isfinish" />
|
|
|
|
|
</a-button> -->
|
|
|
|
|
<div class="getrulecode sms-btn" style="line-height: 32px;">
|
|
|
|
|
<span @click="getPhoneCode" data-mark="getcode" v-if="timedata.isfinish">获取验证码</span>
|
|
|
|
|
<timmer :timedata="timedata" v-if="!timedata.isfinish" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="新密码" style="text-align: left">
|
|
|
|
|
<a-input @input="getpassword" v-decorator="[
|
|
|
|
|
@ -290,6 +304,7 @@ export default {
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
.ant-form-item {
|
|
|
|
|
display: flex;
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
}
|
|
|
|
|
/deep/ .ant-form-explain {
|
|
|
|
|
@ -312,7 +327,7 @@ export default {
|
|
|
|
|
color: #4d575e;
|
|
|
|
|
}
|
|
|
|
|
.ant-input {
|
|
|
|
|
height: 40px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
// background-color: #f6f6f6;
|
|
|
|
|
// width: 430px;
|
|
|
|
|
text-indent: 15px;
|
|
|
|
|
@ -329,13 +344,13 @@ export default {
|
|
|
|
|
&::placeholder {
|
|
|
|
|
opacity: 0.4;
|
|
|
|
|
color: #4d575e;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
text-indent: 15px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-input {
|
|
|
|
|
height: 40px;
|
|
|
|
|
height: 32px;
|
|
|
|
|
// background-color: #f6f6f6;
|
|
|
|
|
// width: 430px;
|
|
|
|
|
text-indent: 15px;
|
|
|
|
|
@ -352,7 +367,7 @@ export default {
|
|
|
|
|
&::placeholder {
|
|
|
|
|
opacity: 0.4;
|
|
|
|
|
color: #4d575e;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
text-indent: 15px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -414,4 +429,18 @@ export default {
|
|
|
|
|
width: 430px;
|
|
|
|
|
top: -15px;
|
|
|
|
|
}
|
|
|
|
|
.sms-btn{
|
|
|
|
|
width: 102px !important;
|
|
|
|
|
height: 32px !important;
|
|
|
|
|
border: 1px solid #1890ff !important;
|
|
|
|
|
color: #1677ff !important;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
border-color: #1677ff;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
font-size: 14px !important;
|
|
|
|
|
// padding: 7px 12.5px;
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
position: relative;
|
|
|
|
|
top: 4px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
