Skip to content

肖康 / H5_2.0

Go to a project
Commit 2f867b20 by LJM
Options

css

parent 132cfcb6
Inline Side-by-side
Showing with 43 additions and 3 deletions
assets/css/mine/bind.scss
...@@ -27,6 +27,9 @@ ...@@ -27,6 +27,9 @@
border-radius: 10rpx; border-radius: 10rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
&.disabled {
opacity: 0.8;
}
} }
} }
.success { .success {
......
assets/css/mine/forget.scss
...@@ -132,6 +132,9 @@ ...@@ -132,6 +132,9 @@
border-radius: 10rpx; border-radius: 10rpx;
font-size: 28rpx; font-size: 28rpx;
color: #ffffff; color: #ffffff;
&.disabled {
opacity: 0.5;
}
} }
.success { .success {
.p1 { .p1 {
......
assets/css/mine/login.scss
...@@ -125,6 +125,9 @@ ...@@ -125,6 +125,9 @@
border-radius: 10rpx; border-radius: 10rpx;
font-size: 28rpx; font-size: 28rpx;
color: #ffffff; color: #ffffff;
&.disabled {
opacity: 0.5;
}
} }
.forget { .forget {
margin-top: 40rpx; margin-top: 40rpx;
......
pages/mine/bindMail.vue
...@@ -12,14 +12,16 @@ ...@@ -12,14 +12,16 @@
<view class="form-box" v-if="flag"> <view class="form-box" v-if="flag">
<template v-if="type == 1"> <template v-if="type == 1">
<view><input type="text" placeholder="请输入邮箱号码" class="uni-input" v-model="formParams.email" /></view> <view><input type="text" placeholder="请输入邮箱号码" class="uni-input" v-model="formParams.email" /></view>
<view class="btn row rowCenter verCenter" @click="updateUserInfo()" :class="{ disabled: formParams.email == '' }">绑定</view>
</template> </template>
<template v-else-if="type == 2"> <template v-else-if="type == 2">
<view><input type="text" placeholder="请输入QQ号" class="uni-input" v-model="formParams.qq" /></view> <view><input type="text" placeholder="请输入QQ号" class="uni-input" v-model="formParams.qq" /></view>
<view class="btn row rowCenter verCenter" @click="updateUserInfo()" :class="{ disabled: formParams.qq == '' }">绑定</view>
</template> </template>
<template v-else-if="type == 3"> <template v-else-if="type == 3">
<view><input type="text" placeholder="请输入微信号" class="uni-input" v-model="formParams.wx" /></view> <view><input type="text" placeholder="请输入微信号" class="uni-input" v-model="formParams.wx" /></view>
<view class="btn row rowCenter verCenter" @click="updateUserInfo()" :class="{ disabled: formParams.wx == '' }">绑定</view>
</template> </template>
<view class="btn row rowCenter verCenter" @click="updateUserInfo()">绑定</view>
</view> </view>
<view class="success column rowCenter verCenter" v-else> <view class="success column rowCenter verCenter" v-else>
<image src="../../static/success.png"></image> <image src="../../static/success.png"></image>
......
pages/mine/forget.vue
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<input type="number" placeholder="请输入验证码" placeholder-style="color:#919399;" class="uni-input" v-model="formParams.sms_verify" /> <input type="number" placeholder="请输入验证码" placeholder-style="color:#919399;" class="uni-input" v-model="formParams.sms_verify" />
<text class="code-text" @click="countdownChange()" :class="{ disabled: code_disabled }">{{ code_text }}</text> <text class="code-text" @click="countdownChange()" :class="{ disabled: code_disabled }">{{ code_text }}</text>
</view> </view>
<view class="btn row rowCenter verCenter" @click="submit(1)">提交</view> <view class="btn row rowCenter verCenter" @click="submit(1)" :class="{ disabled: formParams.account == '' || formParams.sms_verify == '' }">提交</view>
</template> </template>
<!-- 重置密码 --> <!-- 重置密码 -->
<template v-else-if="curr == 1"> <template v-else-if="curr == 1">
......
pages/mine/login.vue
...@@ -72,7 +72,12 @@ ...@@ -72,7 +72,12 @@
</template> </template>
</view> </view>
</template> </template>
<view class="btn row rowCenter verCenter" @click="submit()">{{ curr == 0 ? '登录/注册' : '登录' }}</view> <template v-if="curr == 0">
<view class="btn row rowCenter verCenter" @click="submit()" :class="{ disabled: formParams.account == '' || formParams.sms_verify == '' }">{{ btn_text }}</view>
</template>
<template v-else>
<view class="btn row rowCenter verCenter" @click="submit()" :class="{ disabled: formParams.account == '' || formParams.pwd == '' }">{{ btn_text }}</view>
</template>
<view class="row forget"><navigator url="/forget">忘记密码</navigator></view> <view class="row forget"><navigator url="/forget">忘记密码</navigator></view>
<view class="agreement row rowCenter verCenter"> <view class="agreement row rowCenter verCenter">
<text class="t1">登录即代表您同意</text> <text class="t1">登录即代表您同意</text>
...@@ -89,6 +94,8 @@ import w_md5 from '@/util/md5.js'; ...@@ -89,6 +94,8 @@ import w_md5 from '@/util/md5.js';
export default { export default {
data() { data() {
return { return {
wx: false,
btn_text: '登录/注册',
referer: '', referer: '',
code_text: '获取验证码', code_text: '获取验证码',
code_disabled: false, code_disabled: false,
...@@ -109,8 +116,21 @@ export default { ...@@ -109,8 +116,21 @@ export default {
} }
}; };
}, },
watch: {
formParams(newVal, oldVal) {
console.log(newVal);
}
},
onLoad(options) { onLoad(options) {
this.referer = options.referer; this.referer = options.referer;
if (/MicroMessenger/.test(navigator.userAgent)) {
// 在微信浏览器中打开
this.wx = true;
this.btn_text = '绑定微信并登录';
} else {
// 不在微信浏览器中打开
this.wx = false;
}
}, },
methods: { methods: {
bindPickerChange: function(e) { bindPickerChange: function(e) {
...@@ -124,6 +144,15 @@ export default { ...@@ -124,6 +144,15 @@ export default {
*/ */
tab(index) { tab(index) {
this.curr = index; this.curr = index;
if (this.wx) {
this.btn_text = '绑定微信并登录';
} else {
if (index == 0) {
this.btn_text = '登录/注册';
} else if (index == 1) {
this.btn_text = '登录';
}
}
}, },
/** /**
* 刷新验证码 * 刷新验证码
......
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 sign in to comment