微调按钮

cyl/dev
cyl 2 years ago
parent 9ff91da85d
commit 6c9d32a52d

@ -81,10 +81,14 @@
<!-- <i slot="prefix" class="iconfont icon-mima" /> -->
</a-input>
</a-form-item>
<a-form-item label class="submit" :wrapperCol="{ span: 16 }" :labelCol="{ span: 4}">
<a-button type="primary" class="cancel login-form-button" @click="cancel"></a-button>
<a-button type="primary" html-type="submit" :loading="btnLoading" class="login-form-button">确定</a-button>
</a-form-item>
<a-form-item label class="submit" style="height: 40px;position: relative;">
<div class="state-box">
<a-button type="primary" class="cancel login-form-button" @click="cancel"></a-button>
<a-button
style="border: 1px solid #ff4400;"
type="primary" html-type="submit" :loading="btnLoading" class="login-form-button">确定</a-button>
</div>
</a-form-item>
</a-form>
<!-- <div class="register">
<router-link to="/register">还没有账号立即注册</router-link>
@ -282,11 +286,7 @@ export default {
}
}
.formbox {
// /deep/ .ant-form-item {
// margin-bottom: 0px !important;
// padding-bottom: 20px !important;
// display: flex;
// }
width: 710px;
.ant-form-item {
display: flex;
align-items: center;
@ -297,7 +297,7 @@ export default {
min-height: 20px !important;
}
/deep/.ant-form-item-control {
width: 430px !important;
width: 544px !important;
.ant-input-affix-wrapper {
display: flex;
flex: 1;
@ -315,7 +315,7 @@ export default {
// background-color: #f6f6f6;
// width: 430px;
text-indent: 15px;
font-size: 16px;
font-size: 14px;
// border: none;
padding: 0 !important;
border: 1px solid #dddddd;
@ -338,7 +338,7 @@ export default {
// background-color: #f6f6f6;
// width: 430px;
text-indent: 15px;
font-size: 16px;
font-size: 14px;
// border: none;
padding: 0 !important;
border: 1px solid #dddddd;
@ -407,4 +407,11 @@ export default {
letter-spacing: 1px;
}
}
.state-box{
position: fixed;
left: 50%;
transform: translateX(-50%);
width: 544px;
top: 430px;
}
</style>

Loading…
Cancel
Save