登录页验证码位置修改

yangfeng

2024-03-04 63e60190437ffac6ed6f4b6abd2c8baf5004a3cb

 src/views/login/loginView.vue

@@ -20,8 +20,12 @@
            />
          </el-form-item>
          <el-form-item label="" prop="code">
            <el-input v-model="ruleForm.code" placeholder="验证码" autocomplete="off" style="width: 70%"> </el-input>
            <img class="login-code" :src="captcha" @click="getCaptchaData" />
            <el-input v-model="ruleForm.code" placeholder="验证码" autocomplete="off" style="width: 70%">
              <template #append>
                <img class="login-code" :src="captcha" @click="getCaptchaData" />
              </template>
            </el-input>
            <!-- <img class="login-code" :src="captcha" @click="getCaptchaData" /> -->
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="submitForm(ruleFormRef)">登录</el-button>
@@ -181,7 +185,13 @@
    }
  }
}

.login-code {
  height: 40px - 2px;
  display: block;
  margin: 0px -20px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
::v-deep .el-form-item__content {
  display: flex;
  align-items: center;