src/views/user/LoginPhone.vue
@@ -2,19 +2,21 @@
  <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"
@@ -167,6 +169,10 @@
.getCaptcha{
  display: block;
  width: 100%;
  height: 40px;
  height: 45px;
  border-radius: 15px;
  font-size: 17.9px;
  color: #000;
  border: none;
}
</style>