| | |
| | | <div> |
| | | <a-form-model ref="form" :model="model" :rules="validatorRules"> |
| | | <a-form-model-item required prop="mobile"> |
| | | <a-input v-model="model.mobile" size="large" type="text" placeholder="请输入手机号"> |
| | | <a-icon slot="prefix" type="mobile" :style="{ color: 'rgba(0,0,0,.25)' }"/> |
| | | </a-input> |
| | | <div class="login-input"> |
| | | <img src="../../assets/icons/phone.png" height="25" style="margin-right: 10px"> |
| | | <a-input v-model="model.mobile" size="large" type="text" placeholder="请输入手机号"/> |
| | | </div> |
| | | </a-form-model-item> |
| | | <a-row :gutter="16"> |
| | | <a-col class="gutter-row" :span="16"> |
| | | <a-col :span="16"> |
| | | <a-form-model-item required prop="captcha"> |
| | | <a-input v-model="model.captcha" size="large" type="text" placeholder="请输入验证码"> |
| | | <a-icon slot="prefix" type="mail" :style="{ color: 'rgba(0,0,0,.25)' }"/> |
| | | </a-input> |
| | | <div class="login-input"> |
| | | <img src="../../assets/icons/inputCode.png" height="25" style="margin-right: 10px"> |
| | | <a-input v-model="model.captcha" size="large" type="text" placeholder="请输入验证码"/> |
| | | </div> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | <a-col class="gutter-row" :span="8"> |
| | | <a-col style="height: 55px;display: flex;justify-content: right;align-items: center;padding-left: 15px"> |
| | | <a-button |
| | | class="getCaptcha" |
| | | tabindex="-1" |
| | |
| | | .getCaptcha{ |
| | | display: block; |
| | | width: 100%; |
| | | height: 40px; |
| | | height: 45px; |
| | | border-radius: 15px; |
| | | font-size: 17.9px; |
| | | color: #000; |
| | | border: none; |
| | | } |
| | | </style> |