Просмотр исходного кода

1 【小昆山官网】登录页面-所有的图片验证码没有图片显示

2 【小昆山官网】登录页输入框所有底纹去掉...
master
王饶冀 3 лет назад
Родитель
Сommit
cc4f9a5582

+ 14
- 14
digital-park-web/digital-park/src/views/login/LoginFrom/LoginFrom.vue Просмотреть файл

<!-- 默认登录 --> <!-- 默认登录 -->
<div v-if="loginMethod == 1"> <div v-if="loginMethod == 1">
<el-input <el-input
placeholder="请输入用户名..."
placeholder="请输入用户名"
v-model="accountName" v-model="accountName"
class="mb-20" class="mb-20"
:class="{'is-error':accountNameError}" :class="{'is-error':accountNameError}"
<i slot="prefix" class="el-input__icon el-icon-user"></i> <i slot="prefix" class="el-input__icon el-icon-user"></i>
<div class="is-error-info" v-if="accountNameError">请输入用户名</div> <div class="is-error-info" v-if="accountNameError">请输入用户名</div>
</el-input> </el-input>
<div class="is-error-info" v-if="accountNameError">请输入用户名...</div>
<div class="is-error-info" v-if="accountNameError">请输入用户名</div>
<el-input <el-input
placeholder="请输入登录密码..."
placeholder="请输入登录密码"
v-model="password" v-model="password"
show-password show-password
class="mb-20" class="mb-20"
> >
<i slot="prefix" class="el-input__icon el-icon-lock"></i> <i slot="prefix" class="el-input__icon el-icon-lock"></i>
</el-input> </el-input>
<div class="is-error-info" v-if="passwordError">请输入登录密码...</div>
<div class="is-error-info" v-if="passwordError">请输入登录密码</div>
</div> </div>
<!-- 手机登录 --> <!-- 手机登录 -->
<div v-if="loginMethod == 2"> <div v-if="loginMethod == 2">
<el-input placeholder="请输入手机号码..." v-model="mobilePhone" class="mb-20">
<el-input placeholder="请输入手机号码" v-model="mobilePhone" class="mb-20">
<i slot="prefix" class="el-input__icon el-icon-mobile-phone"></i> <i slot="prefix" class="el-input__icon el-icon-mobile-phone"></i>
</el-input> </el-input>
<div class="verification-code-row mb-20"> <div class="verification-code-row mb-20">
<el-input <el-input
placeholder="请输入图片验证码..."
placeholder="请输入图片验证码"
v-model="imgCode" v-model="imgCode"
class="fl img-code-input" class="fl img-code-input"
> >
</div> </div>
<div class="verification-code-row mb-20"> <div class="verification-code-row mb-20">
<el-input <el-input
placeholder="请输入手机验证码..."
placeholder="请输入手机验证码"
v-model="phoneCode" v-model="phoneCode"
class="fl img-code-input" class="fl img-code-input"
:class="{'is-error':phoneCodeError}" :class="{'is-error':phoneCodeError}"
<!-- 注册 || 忘记密码 --> <!-- 注册 || 忘记密码 -->
<div v-if="loginMethod == 3 || loginMethod == 4"> <div v-if="loginMethod == 3 || loginMethod == 4">
<el-input <el-input
placeholder="请输入手机号码..."
placeholder="请输入手机号码"
v-model="mobilePhone" v-model="mobilePhone"
class="mb-20" class="mb-20"
:class="{'is-error':mobilePhoneError}" :class="{'is-error':mobilePhoneError}"
v-if="mobilePhoneError" v-if="mobilePhoneError"
>{{ mobilePhone ? '请输入正确的手机号码':'请输入手机号码' }}</div> >{{ mobilePhone ? '请输入正确的手机号码':'请输入手机号码' }}</div>
<el-input <el-input
placeholder="请输入用户名..."
placeholder="请输入用户名"
v-model="accountName" v-model="accountName"
class="mb-20" class="mb-20"
:class="{'is-error':accountNameError}" :class="{'is-error':accountNameError}"
<div class="is-error-info" v-if="accountNameError && loginMethod == 3">请输入用户名</div> <div class="is-error-info" v-if="accountNameError && loginMethod == 3">请输入用户名</div>
<form> <form>
<el-input <el-input
placeholder="请输入新密码..."
placeholder="请输入新密码"
v-model="newPassword" v-model="newPassword"
show-password show-password
class="mb-20" class="mb-20"
<div class="is-error-info" v-if="newPasswordError">请输入新密码</div> <div class="is-error-info" v-if="newPasswordError">请输入新密码</div>
<form> <form>
<el-input <el-input
placeholder="请再次输入新密码..."
placeholder="请再次输入新密码"
v-model="confirmPassword" v-model="confirmPassword"
show-password show-password
class="mb-20" class="mb-20"
<div class="is-error-info" v-if="confirmPasswordError">请输入新密码</div> <div class="is-error-info" v-if="confirmPasswordError">请输入新密码</div>
<div class="verification-code-row mb-20"> <div class="verification-code-row mb-20">
<el-input <el-input
placeholder="请输入图片验证码..."
placeholder="请输入图片验证码"
v-model="imgCode" v-model="imgCode"
class="fl img-code-input" class="fl img-code-input"
:class="{'is-error':imgCodeError}" :class="{'is-error':imgCodeError}"
</div> </div>
<div class="verification-code-row mb-20"> <div class="verification-code-row mb-20">
<el-input <el-input
placeholder="请输入手机验证码..."
placeholder="请输入手机验证码"
v-model="phoneCode" v-model="phoneCode"
class="fl img-code-input" class="fl img-code-input"
:class="{'is-error':phoneCodeError}" :class="{'is-error':phoneCodeError}"
getVerificationCode() { getVerificationCode() {
this.imgCodeUrl = this.imgCodeUrl =
process.env.VUE_APP_BASE_API + process.env.VUE_APP_BASE_API +
"/verificationCode/img?height=40&width=84&fontSize=25" +
"verificationCode/img?height=40&width=84&fontSize=25" +
"&n=" + "&n=" +
parseInt(Math.random() * 9999 + 1); parseInt(Math.random() * 9999 + 1);
}, },

+ 6
- 1
digital-park-web/digital-park/vue.config.js Просмотреть файл

proxy: { proxy: {
"/domain": { "/domain": {
// target: "http://localhost:80", // target: "http://localhost:80",
// 测试环境
target: "http://192.168.18.236:18888/", target: "http://192.168.18.236:18888/",
// target: "http://192.168.30.48:18888/",
// 谢老师
// target: "http://192.168.18.138:18888/", // target: "http://192.168.18.138:18888/",
// 阚老师
// target: "http://192.168.18.121:18888/",
// 何老师
// target: "http://192.168.30.48:18888/",
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
"^/domain": "", "^/domain": "",

Загрузка…
Отмена
Сохранить