Skip to content

N
newLive
Commit 45e6c42c authored by mengqr's avatar mengqr
Browse files
Options

登录页面修改

parent 87556e15
Hide whitespace changes
Inline Side-by-side
Showing with 182 additions and 45 deletions
package-lock.json
View file @ 45e6c42c
......@@ -1959,27 +1959,6 @@
"whatwg-fetch": "^3.6.2"
},
"dependencies": {
"@vue/vue-loader-v15": {
"version": "npm:vue-loader@15.9.8",
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.9.8.tgz",
"integrity": "sha512-GwSkxPrihfLR69/dSV3+5CdMQ0D+jXg8Ma1S4nQXKJAznYFX14vHdc/NetQc34Dw+rBbIJyP7JOuVb9Fhprvog==",
"dev": true,
"requires": {
"@vue/component-compiler-utils": "^3.1.0",
"hash-sum": "^1.0.2",
"loader-utils": "^1.1.0",
"vue-hot-reload-api": "^2.3.0",
"vue-style-loader": "^4.1.0"
},
"dependencies": {
"hash-sum": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
"integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
"dev": true
}
}
},
"copy-webpack-plugin": {
"version": "9.1.0",
"resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-9.1.0.tgz",
......@@ -2003,26 +1982,6 @@
"is-glob": "^4.0.3"
}
},
"json5": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
"integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
"dev": true,
"requires": {
"minimist": "^1.2.0"
}
},
"loader-utils": {
"version": "1.4.2",
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
"integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
"dev": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^1.0.1"
}
},
"postcss-loader": {
"version": "6.2.1",
"resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-6.2.1.tgz",
......@@ -2208,6 +2167,47 @@
"resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.4.4.tgz",
"integrity": "sha512-Ku31WzpOV/8cruFaXaEZKF81WkNnvCSlBY4eOGtz5WMSdJvX1v1WWlSMGZeqUwPtQ27ZZz7B62erEMq8JDjcXw=="
},
"@vue/vue-loader-v15": {
"version": "npm:vue-loader@15.10.1",
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.10.1.tgz",
"integrity": "sha512-SaPHK1A01VrNthlix6h1hq4uJu7S/z0kdLUb6klubo738NeQoLbS6V9/d8Pv19tU0XdQKju3D1HSKuI8wJ5wMA==",
"dev": true,
"requires": {
"@vue/component-compiler-utils": "^3.1.0",
"hash-sum": "^1.0.2",
"loader-utils": "^1.1.0",
"vue-hot-reload-api": "^2.3.0",
"vue-style-loader": "^4.1.0"
},
"dependencies": {
"hash-sum": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
"integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
"dev": true
},
"json5": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
"integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
"dev": true,
"requires": {
"minimist": "^1.2.0"
}
},
"loader-utils": {
"version": "1.4.2",
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
"integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
"dev": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^1.0.1"
}
}
}
},
"@vue/web-component-wrapper": {
"version": "1.3.0",
"resolved": "https://registry.npmmirror.com/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",
......@@ -9668,7 +9668,7 @@
},
"vue-hot-reload-api": {
"version": "2.3.4",
"resolved": "https://registry.npmmirror.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
"resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
"integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
"dev": true
},
......
src/views/password.vue
View file @ 45e6c42c
......@@ -9,7 +9,17 @@
<span class="title">欢迎来到斗牛财经</span>
<span class="registerOne">输入手机号和密码，点击“下一步”，获取手机验证码，已有账号即可直接登录</span>
<span class="registerTwo">手机号</span>
<input type="number" v-model="userPhone" placeholder="请输入你的手机号" oninput="if(value.length>11)value=value.slice(0,11)" class="wbk11">
<input type="number" v-on:input="searchChange" v-model="userPhone" placeholder="请输入你的手机号" oninput="if(value.length>11)value=value.slice(0,11)" :class="{wbk11:!ifRed,wbkRed:ifRed}">
<img @click="tifCheck('true')" v-if="ifCheck==false" src="../common/img/uncheck-img.png" class="uncheck" alt="">
<img @click="tifCheck('false')" v-else src="../common/img/check.png" class="uncheck" alt="">
<span class="read">已阅读并同意</span>
<span class="user" @click="user()">《用户协议》</span>
<span class="privacy" @click="privacy()">《隐私政策》</span>
<img class="default-img" v-if="ifSend==false" src="../common/img/default-img.png" alt="">
<img class="default-img" v-if="ifSend==true" @click="goTo()" src="../common/img/new-send.png" alt="">
<span class="third">第三方登录</span>
<img class="wechact" src="../common/img/wechact.png" alt="">
<span v-if="errorPhone==true" class="errorTip">*手机号码错误</span>
<!-- <span class="registerOne">没有账号,</span><span class="registerTwo" @click="register()">立即注册</span>
<input type="number" v-model="userPhone" placeholder="输入手机号" oninput="if(value.length>11)value=value.slice(0,11)" class="wbk1">
<input type="password" v-model="password" placeholder="输入密码" class="wbk2">
......@@ -35,11 +45,15 @@ Vue.component(Header.name, Header);
export default {
data() {
return {
ifCheck:false,
errorPhone:false,
ifSend:false,
ifRed:false,
ifclick:true,
userPhone:'',
password:'',
count:'',
ifSend:true,
times:null,
};
......@@ -50,6 +64,42 @@ export default {
},
methods: {
tifCheck(value){
// console.log("爱的色放",value)
if(value=='true'){
this.ifCheck=true
}else{
this.ifCheck=false
}
if(this.userPhone &&this.ifCheck==true){
this.ifSend=true
}else{
this.ifSend=false
}
},
goTo(){
var phoneReg = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/; //定义邮箱的正则表达式
if (!phoneReg.test(this.userPhone)) {
// alert("您输入的手机号格式不正确");
this.errorPhone=true
this.ifRed=true
}else{
this.errorPhone=false
this.ifRed=false
}
},
searchChange(){
this.ifRed=false
// console.log("dss双方都是",this.userPhone)
if(this.userPhone &&this.ifCheck==true){
this.ifSend=true
}else{
this.ifSend=false
}
},
sign(){
this.$router.push(
{
......@@ -57,6 +107,13 @@ export default {
});
},
user(){
console.log("急啊纠结啊")
window.open('https://test14.douniu8.com/luckdraw/html/%E6%96%97%E7%89%9B%E8%B4%A2%E7%BB%8F%E7%94%A8%E6%88%B7%E5%8D%8F%E8%AE%AE.html')
},
privacy(){
window.open('https://test14.douniu8.com/luckdraw/html/%E6%96%97%E7%89%9B%E8%B4%A2%E7%BB%8F%E7%94%A8%E6%88%B7%E9%9A%90%E7%A7%81%E6%94%BF%E7%AD%96.html')
},
register(){
this.$router.push(
{
......@@ -184,7 +241,7 @@ export default {
top: 95vw;
/* border-radius: 5vw; */
left: 3vw;
width: 72vw;
width: 80vw;
height: 13vw;
line-height: 10vw;
padding: 0 3vw;
......@@ -200,6 +257,28 @@ export default {
border-right: 0px;
}
.wbkRed{
font-size: 5vw;
color: red;
position: absolute;
top: 95vw;
/* border-radius: 5vw; */
left: 3vw;
width: 80vw;
height: 13vw;
line-height: 10vw;
padding: 0 3vw;
background: none;
box-shadow: none;
outline: none;
/* background: rgb(243, 243, 243); */
margin-left: 4vw;
/* border-color: rgb(213, 225, 245); */
border-left: 0px;
border-top: 0px;
border-bottom: 0.5vw solid #EFEFEF;
border-right: 0px;
}
.wbk11::-webkit-input-placeholder{
color:#DCDEE0;
}
......@@ -272,6 +351,64 @@ export default {
color: #C4C4C4;
font-size: 3.8vw;
}
.read{
position: absolute;
left: 11vw;
font-size: 3.8vw;
top: 119.3vw;
color: #8F8F8F;
}
.uncheck{
height: 4vw;
width: 4vw;
position: absolute;
top: 120vw;
left: 6vw;
}
.wechact{
height: 10vw;
width: 10vw;
position: absolute;
top: 185vw;
left: 44%;
}
.third{
position: absolute;
left: 39%;
font-size: 3.8vw;
top: 175vw;
color: #8F8F8F;
}
.default-img{
height: 23vw;
width: 23vw;
position: absolute;
top: 112vw;
left: 76vw;
}
.user{
position: absolute;
left: 33vw;
font-size: 3.8vw;
top: 119.3vw;
color: red;
}
.privacy{
position: absolute;
left: 54vw;
font-size: 3.8vw;
top: 119.3vw;
color: red;
}
.errorTip{
position: absolute;
left: 8vw;
font-size: 3.8vw;
top: 110vw;
color: red;
}
.sure{
width: 77vw;
height: 13vw;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment